Figma Design System - Colour System (Using Variables & Tokens) | Part 1 | Figma Variables Tutorial
21.8万 次观看 · 2023-07-31
UI 设计
🚨Follow along with this Figma file -
https://www.figma.com/community/file/1267794150131517088
Thanks for watching, TD 💛
⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weave.figma.com?ref=tdsunshine&fp_sid=oct
☕️ 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. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Variables best practice* - https://youtu.be/WMDJY86RhLo
3. *Figma Components* - https://youtu.be/GGwqWc414rM
👋🏼 _IF YOU ARE NEW HERE_ :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to comment below. Your support means a lot and helps me keep the channel going and growing!
🌼 _CHAPTERS_ :
00:00 Welcome to the series
00:18 Creating Colour Palettes
02:25 My Greyscale Trick 🤫
03:45 Organising the Colours
05:49 Creating Colour Variables
08:16 Creating Colour Tokens
10:00 Calling a Variable Alias
12:30 Assigning the Tokens
12:53 Creating Semantic Tokens
15:54 Coming Up Next
🤗 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/1267794150131517088
Thanks for watching, TD 💛
⭐️ Get 30% off Figma Weave (use code TDSunshine30) → https://weave.figma.com?ref=tdsunshine&fp_sid=oct
☕️ 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. *Variables 101* - https://youtu.be/TGinpYnwu2A
2. *Variables best practice* - https://youtu.be/WMDJY86RhLo
3. *Figma Components* - https://youtu.be/GGwqWc414rM
👋🏼 _IF YOU ARE NEW HERE_ :
Hey you! 😃
Thanks for tuning in and watching my video! If you enjoyed it and learned something new, don't forget to hit that subscribe button and the like button as well 👍🏼. I'd love to hear your ideas and suggestions for my next video, so feel free to comment below. Your support means a lot and helps me keep the channel going and growing!
🌼 _CHAPTERS_ :
00:00 Welcome to the series
00:18 Creating Colour Palettes
02:25 My Greyscale Trick 🤫
03:45 Organising the Colours
05:49 Creating Colour Variables
08:16 Creating Colour Tokens
10:00 Calling a Variable Alias
12:30 Assigning the Tokens
12:53 Creating Semantic Tokens
15:54 Coming Up Next
🤗 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