Figma Variables | The New Toy You Didn’t Know You Wanted

Variables in Figma are a new feature for 2023, and in this video Adi Purdila will show you everything you can do with them. ► Download unlimited fonts, icons and templates with Envato Elements: elements.envato.com/?...
In Figma, variables are used to store reusable values (much like Jenga bricks which can be reused in future games). Figma variables can be used for color values, numbers, etc., which you can use in other parts of your design. Watch the video to learn what Figma variables are, how to create and edit them, and how to work with tokens and variable modes.
00:00 Introduction
02:26 What are Figma variables?
04:28 Creating and editing variables
18:00 Working with tokens
32:18 Using variable modes
Useful Links:
• Free playground file: www.figma.com/community/file/...
• Mixkit: mixkit.co/?...
Read free Figma tutorials on Envato Tuts+: webdesign.tutsplus.com/compat...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
► Subscribe to Envato Tuts+ on CZcams: / tutsplus
► Follow Envato Tuts+ on Twitter: / envato
► Follow Envato on Facebook: / envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[@akacemkhadidja3557]

Thank you Adi, I was waiting for this video . Your teaching way is great.

[@muhajaya3161]

Yess, you are my favorite figma tutorials. I literally wait for this. Thanks

[@Underhills]

Wow, very nice video production and clear tutorial. Thumbs up! 👍👍

[@akhenatontubba9950]

Teşekkürler Adi,yine harika bir anlatım ve ders olmuş 🎉

[@SunilBohara21460]

My fav channel to understand Figma topics

[@baddownload]

Great watch, nice and simple explanation.

[@rrp7457]

Well done Audi. Your tutorial consolidated my learning in useful skills I can implement. I joined your channel and I will return frequently.

[@humayunkabir4823]

Thanks

[@smilli6415]

when replacing colouts - do u replace from fill 4 dots or selection colours?

[@pajisounds]

Do you have modern presents like wiggle, loop, zoom 10-200% and so on ?

[@pajisounds]

Please make tutorial on using all your transitions in envato in premiere pro ❤

[@dotpenji]

Fantastic explanation of tokens and their significance in design systems! How did you come up with such a clear and practical way to organize and use variables as tokens in Figma?

[@DenverOrtiz]

That's right @dotpenji! Worth a watch.

[@jeromelajom4856]

Figma variables are a handy way to store and reuse values like colors and numbers in your design. They help maintain consistency and make global changes easy. Great tutorial!

[@melaniecerez8938]

Your tutorial always adds so much value. Keep inspiring!

[@rabarhusen9170]

❤❤❤

[@levonarmenian]

How did Figma automatically know to change it to Romanian? Did you use a translator plugin , because I just saw you type RO and it changed automatically

[@user-sj7pi6uu9r]

Where can I find freelance project?

[@nayminhtet6221]

Adi - Are you ok? It looks like you've lost a bit of weight. Take care of your health. Thanks

[@unHistoryClips]

done dude