Figma Component Properties 2024

The new Figma UI3 has changed the position of some actions. In this video let's cover that changes to create component properties. From text properties to boolean properties, we cover it all. Don't miss out on this essential Figma tutorial!

Thanks for watching this video.

Connect with me on social media

#figmacomponents #componentproperties #figmatutorial

[basro]

I cannot find the text/label properties anymore, it doesn't show as in this video under typography, its just not there. Terrible update.

[oroaxd.]

I've searched for so long and no one has explained this as simply and clearly as you, thank you sooo much, Im finally able to understand this now
you earned a subscriber wholeheartly 🙏🥳

[manzoora]

I don't like how figma keeps changing things with every update, and making things more complicated.

[israrkhan]

I'm struggling to play with component properties, but this guy makes this much easier for me.

[limagraphics]

Best Figma Component explainer video everrr! Thanks man!

[mostwantedsider]

there is no "instance swap property" in figma for that icon

[BoopathySrinivasan]

Thank you very much. Finally a very clear intro video on component properties

[eugenekhristo]

Does it really became better and more efficient this way? I've just used to old Component Properties and these new ones just so much harder to understand and create...

[SJ-kubb]

The text property is not appearing under the Typography section, does anyone have this problem or is something that I am doing wrong???

[Roops]

Please create more such videos on Figma's latest UI3, not many people are doing it and it's really difficult to understand what sits where now. Thanks!

[banetepavcevic]

Thank you for the video! I was struggling with the boolean property as well. I m using Font Awesome icons as Text and couldn't find the text panel. How to create a boolean property? So the solution is to select "icon" go to -> Apperacnece -> "+" -> "Property" -> Name . And this should work. The Text property you need to hover/over to get apply icon etc... Why Figma complicated so much???

[alejandrokim]

The text variable button has change its place again, now is in the Text panel on the top, is so annoying that Figma is changing the UI all the time 😡

[risarahayu]

why I can't use the text property? the field "Button SM" is not appear. Do you know why? Do I miss something?

[LS-zvrx]

Thank you so much! that Boolean was giving me a hard time since its giving me "boolean not used within component"

[kimsunny]

Hi thanks so much for the video. Noone did a video on the latest Figma version so I was having a hard time finding where the Layer panel is, when it's changed to Appearance lol.

[souma]

thank you.i was not able to find boolean properties.after watching this, i find out.

[paolanaranjo]

When I click on the icon and open appearance, it does not open the pop up that you get another one where I get search and a drop down, do you know why?

[celiahamroun]

Hello,
How can I change a background color with boolean without using a variant ? thanks

[Underhills]

I'm unable to make a swap instance from my component icon, there's no function icon where you are pointing to at 4:50. I see a different set of icons there. First is Multi edit variants, next is Select matching layers and then theres the icon for opening the More actions menu. Inside that there's no option to create instance swap. I'm using an icon from the central DS. The icon has a boolean prop in the component that I made. This was easy before but with UI3 it seems impossible. I'm following the demo to a tee.

[stanmuller]

Yes, this was very helpful. Thank you.