Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)

[@DesignWithArash]

👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX

[@abzkilla9411]

Thank you so much for your content and hard work. You make it so easy to learn. I saw that your course syllabus contains a section on variables. Is the knowledge/use of variables intertwined throughout the entire course or just added separate due to the recent Figma update?

[@CARMARCUSO]

OH you did a great job to explain this tokens 😮 thanks for the time

[@urbuffbaby4438]

Honestly you explain the local variable better than Figma did themselves. Thank you!

[@DesignWithArash]

Thank you so much.

[@bagwellgaming3979]

Indeed

[@laracassardelia9178]

Agree! thanks so much!

[@Joe-Ferris]

Agreed. I couldn't wrap my head around the Figma videos. This already makes much more sense. Thanks!

[@sulaimandamilola]

Agreed!

[@samkapoor5529]

You must be given award for explaining this. The way and tonal and speed quality you kept throughout the video made easy for even beginners.

[@DesignWithArash]

That's so kind of you, Thank you so much.

[@domenicobuonocore1502]

Out of all the tutorials i've watched around this area, this is the most comprehensive and clearest i've come across. Thank you! Greatly appreciated! Please keep up the hard work - we all appreciate this.

[@DesignWithArash]

No problem. Glad it helped.

[@princhipehdesigns5922]

One of the simplest videos and most explanatory videos about variables on KZbin. I like how you simplified the whole process, great work. I can now confidently start using variables in my project.

[@DesignWithArash]

Thank you so much. Glad it helped.

[@minerva646]

how is this simple???? he created too many variables just to explain how styles can be saved into variables

[@binatitus6518]

Arash, your teaching style is "GOLD"! Thank you so much, this couldn't have come at a better time.

[@DesignWithArash]

Thank you very much. Glad it helped.

[@Samibravo832]

This is by far the best variable tutorial ever! Kudos, you earned a loyal subscriber!

[@DesignWithArash]

Thanks. Glad it helped. Welcome aboard.

[@nathong3229]

That was the best video I've watched on this subject! - Fantastic tutorial, thanks so much :)

[@DesignWithArash]

Glad to hear that. Thank you so much.

[@KathBorup]

I get the feeling Arash's tutorials are the tutorials other teachers watch before they create theirs! 😂 The best! 🙏

[@JobyVarghese-y7m]

Hands-down the best explanation I have seen so far. You made it look so simple as if we can start right away, now the hard reality is to put it into practise and realise how much difficult it would have been for you to make it look so simple. Thank you so much :)

[@DesignWithArash]

Thank you very much. Glad you found it helpful.

[@arinakutai6136]

This video is pure treasure to all confused souls lost in the realms of figma

[@DesignWithArash]

Thank you. Glad you liked it.

[@sofianyyssonen828]

Thanks

[@DesignWithArash]

Thank you so much for the Super Thanks.

[@sethupathyj64]

Fantastic Explanation, Thank you! Further to add in 5:24 (Creating color variables), you can also duplicate the color branch by right clicking the "blue" and click "duplicate group". In that way you can speed up things. cheers!

[@marceloalmeida2268]

Cara, que vídeo sensacional, muito completo e bem explicado, não havia entendido até agora como funcionavam as variáveis e como usar na prática. Obrigado pelo conteúdo!

[@shroots88]

Agree with everyone, really well explained, pace was perfect! Thank you so much 🙏🏽

[@IRS320]

I'm 4 mins in and this has been super helpful so far, thank you!

[@diogofigueira5236]

Bro, this video is better than the official Figma video about variables. Awesome !!

[@DesignWithArash]

Thanks a lot.

[@Comewithme4446]

This should be a hit! Thank you very much.♥

[@josephczyz9824]

This was the video that made it click for me, big TY for the clarity and thorough articulation.

[@DesignWithArash]

No problem. Glad it helped!

[@abdul-UIUX]

Kudos, for the best KZbin tutorial I have ever seen on Figma Variables.🤩

[@DesignWithArash]

Glad you think so!

[@jovenfabuloso]

Valuable turorial Arash, I’m forever grateful and in debt to your kindness

[@DesignWithArash]

Thank you so much. Glad you found it helpful.

[@euginrobinson]

Your channel deserves more traction, what an amazing tutorial..

[@DesignWithArash]

Thanks a lot.

[@Nioudor]

By far, the best tutorial on tokens and variables! Thank you Arash jan 😍

[@DesignWithArash]

Thank you so much, Niousha jan.

[@sreyashinag4201]

I'm finally cleared on the variables and its usage. Thanks a ton

[@bharatht2514]

Such educational, valuable content. Thank you so much, arash!

[@mortezaajidanpour9381]

This is how an expert would teach variables in a nutshell. Amazing work dear Arash ✌🏻😎

[@DesignWithArash]

Thanks Morteza.

[@rominarezazadeh634]

Thanks arash for this awesome video. I was totally confused with them even when I watched figma KZbin page 😂 this course was ace job done. Keep up the good work.☺️

[@DesignWithArash]

No problem Romina. Glad you found it helpful.

[@Kimtend0]

Absolutely rocked this explanation. Very hyped about this

[@NicoleUXplorer]

This is the best explanation of variable and tokens I have found. Thank you for such a clear and thorough video!

[@DesignWithArash]

Thank you so much. Glad it helped.

[@furiusliber]

Thank you so much. I spent 1 week looking for an explanation like this

[@DesignWithArash]

No problem. Glad it helped!

[@Hamdan-u1d]

Best variable tutorial ever. Thank you so much Arash!

[@DesignWithArash]

Thanks. Glad it helped.

[@fexgib2842]

This is the most best tutorial videos about variables very clear instructions, step by steps process and easy to understand the terms and techniques.

[@juliasolnechnaya7468]

I watched the tutorial on variables from Figma itself, but you tell much better! Thank you for your content

[@DesignWithArash]

Thank you so much. Glad it helped.

[@SrinisPhotography]

One of the best video about Variables and Tokens on youtube

[@DesignWithArash]

Thank you.

[@dsouzaedson]

Amazing video. You explained the variable concept in easy to understand form. Thank you Arash

[@illiavybornov]

Bro, this tutorial is gold! Best explanation of the variables I have seen so far! Thanks!

[@DesignWithArash]

Thank you. Glad it was helpful!

[@AmeliaLeason]

What an incredible tutorial. THANK YOU.

[@jasongoldstein5189]

I got a lot out of this. It is way more useful than Figma's official video on this.

[@hibahasan9627]

so so so useful! really your video is more helpful than the Figma's official tutorials! Thanks so much :)

[@DesignWithArash]

Thanks a lot.

[@kevinorock]

Excellent tutorial! I love how you teach 🙂

[@elnaznikbin]

Thank you so much, Arash! I have learned so many things from your videos... keep up the good work 🙂

[@DesignWithArash]

You are very welcome, dear Elnaz. Glad you found them helpful.

[@jedi8533]

Thank you so much, you are the only person who explained it to me as easy as possible!!!

[@DesignWithArash]

No problem. Glad it helped!

[@kishorekumarseenivasan]

Thanks a lot Arash for explaining variables in an simple understandable manner, god bless you 💐👏

[@DesignWithArash]

No problem. Thank you.

[@hibahasan9627]

I really enjoyed every minute of the video, love it! THANKS A LOTTTTTTT!!

[@DesignWithArash]

Glad to hear that. No problem.

[@MildLifeCrisis]

Thank you so much for your precious time Arash. Love from Turkey.

[@DesignWithArash]

No problem.

[@yoshithakuntumalla7614]

Just wow. Such a simple explanation. ❤❤❤

[@DesignWithArash]

Glad you liked it

[@zivariely]

This was super clear and very well explained. Thank you for sharing!

[@rehyanassasin]

Your explanation is very easy to understand, keep up, mate!

[@DesignWithArash]

Thank you so much.

[@RiLemios]

for me really the best video about variables!! i was so afraid of learning this topic bc it seemed so difficult but now i understand everything!! thanks for explaning even the simplest and obviuos things

[@DesignWithArash]

Glad to hear that. Thank you.

[@johanguams6619]

This is the best Figma Tutorial I've ever watched. I felt drowned with the variable thing and you really made it look so clear! Thanks

[@Oleksandr-snk]

Wow that is the best tutorial about variables!

[@DesignWithArash]

Thanks. Glad it helped.

[@Programming-es5tp]

These variables are much better than styles we used to use before.

[@DesignWithArash]

Yes.

[@ArifMahabub-pl2sh]

struggling with variable last few days but now it's clear, thanks to you man. Keep doing the good work.

[@AshishMishra-cm1bi]

That's a awesome tutorial on variables, I have learned so many things after entirely watching and practising this. Loved it❤

[@DesignWithArash]

Great to hear! Thank you.

[@naufeevoice]

This is one of the BEST EVER TUTORIAL VIDEO!! Thanks a lot mate.

[@DesignWithArash]

Glad it helped! Thanks.

[@PrajwalNegii]

Hands-down man you deserve more ..

[@DesignWithArash]

Thank you.

[@turalpasayev5832]

Thanks a lot. You are the best educators which have clearest explanation which i know❤❤

[@DesignWithArash]

You are very welcome. Thank you so much.

[@michaelng1990]

love the way you present, so well organized and understandable

[@DesignWithArash]

Thanks a lot.

[@zahrahavaei1140]

عاااالی لود از عالی خیلی فراتر Amazing thaaaaaaank you

[@DesignWithArash]

ممنونم از محبتتون/

[@elinbonab]

Nobody could ever explain these features this well! Thank you so much!! 🔥🔥👏🏻👏🏻👏🏻

[@DesignWithArash]

Thank you so much.

[@mariabrunalopes]

Omg, this class is just amazing. Thank you!

[@DesignWithArash]

No problem. Glad you liked it.

[@k15gg74]

Mad respect! Figma gonna update these variables soon. I'm waiting for your next video

[@DesignWithArash]

Thanks. Sure.

[@jeremiahharemza1235]

This is fantastic learning experience. You explained clearly the entire way through, expounding on the steps as you completed them. Your voice pitch and pacing is pleasurable. A+++

[@DesignWithArash]

Glad you enjoyed it! Thank you very much.

[@analinalino]

Bro, this video is insane, thank you so much

[@DesignWithArash]

No problem. Glad you liked it!

[@sanjaisanjay2182]

Most valuable content on using design tokens👌

[@DesignWithArash]

Thank you.

[@shrutipatil3827]

I love your content Arash!❤ You are really an amazing teacher. You never disappoint us. With your detailed way of teaching it is always easy to understand. Really Thank you.😊

[@DesignWithArash]

Thank you so much. Glad it helped.

[@yukarikoyushito5525]

thanks you so much for this very detailed video, btw, the plugin is such a livesaver!

[@DesignWithArash]

No problem. Glad it was helpful!

[@syfyninjah]

Definitely the best video on Variable. Love your way of teaching. Subscribed!!!

[@DesignWithArash]

Thank you so much. Welcome to the channel.

[@nemocreativestudio]

You made it so easy to understand on how variables works and how it will be applied. A great tutorial, Arash 🔥

[@DesignWithArash]

Thank you so much.

[@mochammadrizkiekowaluyo9256]

thanks for explanation! deserve more views.

[@DesignWithArash]

No problem. Thanks.

[@alono4473]

Wow Arash this video is amazing! You explained everything so clearly! Thank you so much for teaching us! 👏🏼

[@DesignWithArash]

Thank you so mcuh.

[@johnpaulachas5575]

this is so sick! thanks Arash ❤‍🔥

[@DesignWithArash]

No problem.

[@murunwamasibigiri5799]

You are absolulty amazing thank you so much.. your tutorials are the best.

[@DesignWithArash]

Glad you like them. Thank you.

[@Prithviraj-sj7op]

thanks aarsh your contents are so clear explaining than others keep doing

[@DesignWithArash]

No problem. Glad you liked it.

[@oartsoares]

What a great video dude!! Greetings from Brazil.

[@DesignWithArash]

Glad you enjoyed it! Thanks.

[@hosseinbavafa216]

this video opened a new door to designing for me 😍😂

[@siddiquenijhum]

Now, it becomes so easy for me. Thank you so much ❤

[@DesignWithArash]

No problem. Glad it helped.

[@carolinanoir3260]

Your videos are great Arash, thanks for sharing your knowledge!

[@DesignWithArash]

Thank you so much.

[@hannatusaidubalarabe6319]

Arash makes design super easy

[@DesignWithArash]

Glad to hear that.

[@subhrobikashdas6944]

Super Like as usual! Brilliant one! Thank you, Arash!

[@DesignWithArash]

Thank you.

[@HeidiMerscher]

Excellent Tutorials, Thank You Arash!

[@DesignWithArash]

No problem. Glad you liked them.

[@luisalfredoponce]

Great explanation, best video of variables in Figma

[@DesignWithArash]

Thank you so much.

[@Akshay.7S]

Great explanation of yours and make simple to understand for me😊

[@DesignWithArash]

Glad to hear that.

[@yogesh459]

Your teaching style is so awesome, Thanks Brother (Love from india)

[@DesignWithArash]

Thank you so much. Glad it helped.

[@aaftabkhan1051]

Very well explained Arash

[@heznadastudios]

This is simply firefull man. You made it simplier. God’s blessings

[@DesignWithArash]

No problem. Glad it was helpful!

[@nandalopesalves]

Increadible! Thank you for this amazing class!

[@fegorclintonb.3537]

Thank you brother, this was well presented and thought. I'm grateful 🙌✨

[@DesignWithArash]

No problem. Glad it helped!

[@khobbyjunior1806]

I love this guy 🙌 Great Job

[@DesignWithArash]

Thank you.

[@Mandoovlog]

This is really helpful tutorial. Thank you Arash

[@DesignWithArash]

My pleasure

[@Pahadi_Culture1]

The way you explained that was amazing

[@DesignWithArash]

Thank you.

[@thaole-cv6qb]

On 4:02 did you use any shortcut key or any way to rename all the color variables too quickly?

[@saratrh3339]

great explanation ♥♥

[@DesignWithArash]

Thank you.

[@MuhammadArif-kj6qe]

Thanks brother. You simplified my life.

[@DesignWithArash]

No problem.

[@alinashchebetun1000]

Thanks for such a great explanation!!

[@DesignWithArash]

No problem. Thank you.

[@UXUIWorld123]

Thankyou so much for this awesome tutorial 🙏

[@DesignWithArash]

No problem. Glad it was helpful!

[@uxmunzir395]

Many thanks Brother for such a nice video and beautiful explanation. ❤❤❤❤

[@DesignWithArash]

No problem. Glad you liked it.

[@mohadesehnabizadeh5491]

Great as always!🔥

[@DesignWithArash]

Thanks.

[@GiovanniToscani-k4f]

I really got it all... Thanks for simple explanation

[@DesignWithArash]

No problem.

[@yusufbahrami6769]

کارت درسته! ممنون بابت آموزش خفن

[@DesignWithArash]

قربونت یوسف جان. محبت داری.