Figma VARIABLES BEST PRACTICE | Figma Variables Step-by-step | Config 2023 update | Tokens tutorial
6959 次观看 · 2023-07-03
UI 设计
🚨Follow along with this Figma file - https://www.figma.com/community/file/1257636797799162664
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. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
3. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
🌼 _CHAPTERS_ :
00:00 Best Practice Guide
02:03 Our Buttons
02:43 Primitive Colour Variables
04:18 Semantic Colour Variables
05:07 Calling an Alias
06:45 Assigning the Colour Variables
07:40 Changing Variable Modes
08:14 Number Variables
08:48 Primitive Number Variables
09:19 Variable Scoping
10:04 Element-Specific Variables
11:08 Assigning the Number Variables
11:39 Final Buttons!
13:21 Summary!
🤗 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
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. *Variable Modes | Config Updates* - https://youtu.be/fB-4ikrt3mk
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
3. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
🌼 _CHAPTERS_ :
00:00 Best Practice Guide
02:03 Our Buttons
02:43 Primitive Colour Variables
04:18 Semantic Colour Variables
05:07 Calling an Alias
06:45 Assigning the Colour Variables
07:40 Changing Variable Modes
08:14 Number Variables
08:48 Primitive Number Variables
09:19 Variable Scoping
10:04 Element-Specific Variables
11:08 Assigning the Number Variables
11:39 Final Buttons!
13:21 Summary!
🤗 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