Prototype with Variables in Figma | Tips for variable prototyping with four kinds of 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:22 Colour variable
02:04 Number variable
06:05 Conditional
08:24 String variable
11:11 Conditional
13:19 Boolean variable

🤗 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 #config2024 #figma2024 #designtokens #tokens #variables

[xuhain]

I was stuck with old version of variables ui, this video pulled me out, thankyou for making them so interesting, interactive, fun and casual.

[kickassziu]

Your videos are absolutely easy and interesting to follow~~ you explain very clearly the basic logic of designing in figma. thanks so much for your videos!!

[Rajesh_Dey]

Excellent...you nailed it!! Very few talents can only be shown in such a way that everyone can understand the fundamental part....yes I have noticed your FIGMA T-SHIRT :)

[rishabhrules]

Such an entertaining tutorial that is easy to follow along. love your energy, and I hope this channel grows super big soon!

[vijaysinghthakur]

Fruitful!
Thank you for producing intriguing learning lessons.

[GryzinskiIshiharaAndradeDias]

I'm learning Figma and that will help me a lot to understand prototyping fundamentals. Thanks!

[tutukumarpanda]

These are really awesome, thanks for sharing tips and tricks 👍

[NathanCooper-gw]

Thank you! Excellent examples, very helpful!

[afsarux]

Really nyc thanks for the wonderful video

[hannahglasscoe]

Can you do a video for an interactive calendar and drop downs that use variables/conditions? 😃

[zootrunner]

Hi TD. I'm having the issue that for the String exercise Figma won't let me set the default input value of the text string as empty.

[tornikekokhreidze]

Thank you, the video was very helpful, but can you set the grid to pixel perfect? For example, instead of 179.98 px, it will be 180. :D :D

[Join_Inaya]

The variable prototype is not avaiable in free version

[dhayve]

Hmmm i need boolean variable to control variants visibility

[weuzeify]

At this point we ll soon have design exported to fully functioning app in figma

[liamfarrell]

How about a tut on how to do advanced website scroll effects? zooms, fades, masks etc