Set variable mode interaction | Figma update May 2024 | Figma Variables

💛 Thanks for watching, Tair 💛

🍿 _WHAT TO WATCH NEXT_ :

👋🏼 _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_ :

🌼 _CHAPTERS_ :
00:00 Intro
00:18 Change language
03:38 Change colour mode
05:05 Using component interaction
07:04 Important note!

🤗 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

[TDSunshine]

Thanks to @wonsunparque4788 for pointing out my toggles are flipped 🙈🙈 no idea how but I had them on a 180 degree angle 🤦🏽‍♀️ I will fix this in the practice file on Figma sorry all ☀️🙏🏼

[isabellanovaes]

Brazilian watching the video, thanks!

[cponmtv]

Thank you SO much for this video as I was kind of struggling on what this feature actually accomplished. Well done!

[KatieMyrick-uy]

I never leave comments on videos, your channel is AMAZING!

[saimoralam]

I was waiting for long time for this type of feature in figma thank you so much for the video

[ravirajputdesigner]

Wow great to see this prototyping made too easy now. Thanks 💙

[honeylavender]

Just discovered your channel- its absolutely gold!! Binging all your videos now and about to find you on IG, we love women in tech!!

Super useful update and explanation! I found really educational how you first create something and then how to improve it. I can't imagine what new features are Figma people keeping for this june event.

[IanHamilton-ks]

Man i love figma, such great value for money (if you pay, and especially if you don't )

[imnbmusic]

i was frustrated on how to add two interactions in one component, turns out i had overlooked the plus sign in prototype. this helped. thanks td

[platinoir]

amazing, that should make prototypes way more dynamic and believable

[pauljessee]

Great video! Such an awesome update. Could you do a video creating an interactive prototype keyboard?

[playbak]

Great call on the interaction order.. Are switches backwards in the UK?😄

[wonsunparque]

This is great! Thanks for making the video! Super helpful!

The switch, however, seems to be on the different side from the standard switch. The standard iOS switch is ON with the switch is on the right side, and OFF when the switch is on the left side. In this video, they are in reverse. It was bothering me a bit when I was watching the video.

[MrBrunobrunic]

Thank you so much again for everything you do on this channel.🙌🏻 I get excited for each video like a little kid :) I do have one question about the dark/light switch. Since I have 20 connected screens, is there a way to change the theme on all of them with one button click? Right now, it only works on the current screen, but as soon as I click the action button to switch to another screen, it goes back to auto mode (e.g. light).

[levonarmenian]

This was so well described. Thanks ! 
Question: Is there a plugin you are using for the languages that automatically translates them? Or are you translating each word using, Google Translate for example, and entering them in the mode descriptions?

[tutukumarpanda]

Look at that it is very effective very easy very simple than regular prototyping 😂 But problem is variables are limited to the free version to practice 😢😂

[ValerijusJurcia]

Nice video! Can it be done on component instance tho?

[areeshaafridi]

Off topic but would highly appreciate it if you could design a mobile app for us in detail, e.g. a food app, or an HRMS dashboard panel. I am still confused about when to use a frame for text, or apply auto layout to it, OR when to use group selection vs auto layout.

[cyberfiber]

How do i use toggle to change font? For example if i toggle it on, it will change to Poppins. But if i turn it off it will change back to Inter. Please help