Figma VARIABLE MODES | Figma Variables Step-by-step | Config 2023 update | Design tokens tutorial
9499 次观看 · 2023-06-26
UI 设计
🚨Follow along with this Figma file - https://www.figma.com/community/file/1255155656779313781
Thanks for watching, TD 💛
☕️ Buy me a tea - https://buymeacoffee.com/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
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 drop a comment below. Your support means a lot and it helps me keep the channel going and growing!
👾 _MY GEAR_ :
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
Fairy lights https://amzn.to/443l518
🌼 _CHAPTERS_ :
00:00 Intro
00:27 What We Will Build
01:31 Creating the Variables & Modes
02:40 Applying the Variables
03:12 Changing Variable Mode
04:52 Connecting Components to Variables
07:23 Creating a Default Collection
08:29 Connecting Default Data
08:39 Troubleshooting
09:37 Prototype to Change Mode
11:55 Copying the Interactions
12:40 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
Thanks for watching, TD 💛
☕️ Buy me a tea - https://buymeacoffee.com/tdsunshine
☆ Try Figma For *Free* - https://psxid.figma.com/xnd9l
🍿 _WHAT TO WATCH NEXT_ :
1. *Auto Layout | Config Update* - https://youtu.be/S8hjaZNwuCc
2. *Prototype with Variables | Config Update* - https://youtu.be/RERfcQp7zSk
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 drop a comment below. Your support means a lot and it helps me keep the channel going and growing!
👾 _MY GEAR_ :
Blue Yeti Microphone https://amzn.to/3qACorF
Tripod ring light https://amzn.to/43G7flv
Neon sign https://amzn.to/3NcwxAs
Fairy lights https://amzn.to/443l518
🌼 _CHAPTERS_ :
00:00 Intro
00:27 What We Will Build
01:31 Creating the Variables & Modes
02:40 Applying the Variables
03:12 Changing Variable Mode
04:52 Connecting Components to Variables
07:23 Creating a Default Collection
08:29 Connecting Default Data
08:39 Troubleshooting
09:37 Prototype to Change Mode
11:55 Copying the Interactions
12:40 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