Figma Components - Checkbox & Radio buttons (Variables, Variants, Component Properties ) | DS Part 8
2.2万 次观看 · 2023-09-18
UI 设计
🚨Follow along with this Figma file -
https://www.figma.com/community/file/1285540537046781633
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Colour System* - https://youtu.be/qPL3ubdlkRM
2. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
3. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
🌼 _CHAPTERS_ :
00:00 Intro
00:16 Which is which
00:48 1. Building the elements
04:32 2. Creating variables
06:13 3. Scoping the variables
06:55 4. Assigning the variables
10:55 5. Adding a label
11:49 6. Creating components
12:35 » Instance swap component property
13:07 » Using preferred values
13:49 » Boolean component property
14:34 » Text component property
15:26 7. Adding component interactions
16:51 ⭑ Final result
17:22 Coming up
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023 #designtokens #tokens #variables #variablemodes
https://www.figma.com/community/file/1285540537046781633
Thanks for watching, TD 💛
☕️ Buy me a tea → https://buymeacoffee.com/tdsunshine
🔎 Get 20% off Mobbin → https://mobbin.com/tdsunshine
👾 My gear & links → https://linktr.ee/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Colour System* - https://youtu.be/qPL3ubdlkRM
2. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
3. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
🌼 _CHAPTERS_ :
00:00 Intro
00:16 Which is which
00:48 1. Building the elements
04:32 2. Creating variables
06:13 3. Scoping the variables
06:55 4. Assigning the variables
10:55 5. Adding a label
11:49 6. Creating components
12:35 » Instance swap component property
13:07 » Using preferred values
13:49 » Boolean component property
14:34 » Text component property
15:26 7. Adding component interactions
16:51 ⭑ Final result
17:22 Coming up
🤗 Disclosure: This video and description may contain affiliate links, meaning I'll receive a small commission if you click on one of the product links. I'm also an Amazon Associates affiliate and will earn a commission on qualifying purchases. 💛 This is at no additional cost to you.
#figmatutorial #figmadesign #figma_tutorial #figmatutorial #figmatips #figma #figmaupdate #config #config2023 #figma2023 #designtokens #tokens #variables #variablemodes