Figma Design System BEGINNER Guide + Variables (2024 Tutorial) - PART 1

In this video, we're going to be covering the basics of Figma – including how to create a basic user interface, how to create relationships between elements, and how to use variables.

If you're a beginner looking to get started with Figma, then this video is for you! By the end, you'll have a good understanding of the basics of Figma and be able to create basic user interfaces and relationships between elements.

Advanced Tutorial:

#figma #figmavariables #Figmadesignsystem #designsystem #figmabeginner #designsystembeginner

[undesign_]

Hey folks,

Please like the video if you want this new series to continue. I think variables feature is at the point that we can easily start updating our files. Kindly let me know so I can continue.

Cheers!

[anayantocj]

Thanks for the class. Was very helpful

[cintiapena]

Great video! I was following you step by step and made the same mistake with the corner radius deselect on spacing tokens.. I just selected them all -> right clicked and selected edit variable -> and deselected the corner radius checkbox. 👍

[kirstymclaren]

Great video introduction into design systems & variables. Looking forward to the next one!

[-AriSafari]

Yeah... Please make another video .. Thank you so much

[hyejinim]

Hi! Thanks a lot. I like the video. Do you also define line height for font in design system?