Figma Basics: Master Component Properties Easily

In this video we'll look at simplifying the amount of components and component variants you have by introducing component properties. You'll be able to quickly and easily control the look and feel of your designs without having to create loads of individual components! Happy days.

-- In this video --
00:00 Intro
00:17 What are Figma component properties?
01:30 Add icons to your button component set
04:35 Add boolean property to text element
05:34 Add text label content property
06:11 Add boolean properties to your left and right icons
07:19 Outro

#figmatutorial #figmadesignsystem #uidesign #figmacomponents #figmaproperties #FigmaUI

Subscribe for more design tips:

[MgWai_]

Just found out randomly your channel and let me say that, you make great content! easy to understand and perfect tempo for anyone to follow up ! Subscribed !

[BeatDamajed]

Great content, I feel like i've been doing properties wrong. I had been making them first and then making variants. Was having trouble wrapping my head around some of this before with out things breaking, thanks for showing the process, it's very helpful. =)

[alono]

Your videos are so incredible easy to understand and very very well explained! For us beginners is hard to find this kind of easy to follow tutorials! Please keep posting tutorials! 🙏🏼

[DemoSin]

I´m new to Figma so i don´t really know why when i do this i make an icon dissapear in an instance of the button but the size of the button remains, leaving a lot of padding. What am i doing wrong?