Figma variables to change the language using a dropdown | How to use Figma variables | Step-by-step
8.8 هزار بار بازدید -
پارسال
-
🚨Follow along with this Figma
🚨Follow along with this Figma file - https://www.figma.com/community/file/...
☆ Try Figma's Professional Plan - https://bit.ly/TDProFigma
☆ Try Figma For Free - https://psxid.figma.com/xnd9l
💛 Thanks for watching, Tair 💛
🍿 WHAT TO WATCH NEXT :
1. Auto Layout | Config Update - Figma AUTO LAYOUT UPDATE | Config 202...
2. Prototype with Variables | Config Update - Figma PROTOTYPE with VARIABLES | Conf...
3. Variable Modes | Config Updates - Figma VARIABLE MODES | Figma Variable...
👋🏼 IF YOU ARE NEW HERE :
Hey, it's Tair! 😃
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:26 What we are making
01:09 Creating the variables
03:02 Assigning the variables
04:11 Changing variable modes
04:54 Connecting variables to variants
07:18 Creating a dropdown menu
09:16 Dropdown variant interactions
11:23 Connecting the variables to the dropdown
12:45 Setting up the "current" collection
13:35 Reassigning the variables
14:54 Changing the language with prototyping
17:07 What’s 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
☆ Try Figma's Professional Plan - https://bit.ly/TDProFigma
☆ Try Figma For Free - https://psxid.figma.com/xnd9l
💛 Thanks for watching, Tair 💛
🍿 WHAT TO WATCH NEXT :
1. Auto Layout | Config Update - Figma AUTO LAYOUT UPDATE | Config 202...
2. Prototype with Variables | Config Update - Figma PROTOTYPE with VARIABLES | Conf...
3. Variable Modes | Config Updates - Figma VARIABLE MODES | Figma Variable...
👋🏼 IF YOU ARE NEW HERE :
Hey, it's Tair! 😃
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:26 What we are making
01:09 Creating the variables
03:02 Assigning the variables
04:11 Changing variable modes
04:54 Connecting variables to variants
07:18 Creating a dropdown menu
09:16 Dropdown variant interactions
11:23 Connecting the variables to the dropdown
12:45 Setting up the "current" collection
13:35 Reassigning the variables
14:54 Changing the language with prototyping
17:07 What’s 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
پارسال
در تاریخ 1402/05/05 منتشر شده
است.
8,840
بـار بازدید شده