Using Variables with Component Properties | Figma

[@Dreamworkstt]

Hi,I'm new to Figma, and I've been trying to learn it by myself. English isn't my first language, so sometimes it can be a bit challenging. I just wanted to say thank you so much for the video explanations-they really help me understand things better. I truly appreciate the effort put into making them clear and easy to follow.

[@sutherlandcarter9268]

Chad is such a rockstar. I always enjoy his calm demeanour while explaining new Figma updates!

[@JuanEncalada]

YES! This is amazing. Been waiting for this feature for some time. Thanks for the tutorial, Chad!

[@UnchainedExperience]

Using variables is awesome! It's helped me a lot. I'm loving UI3 even though I'm still getting used to some aspects of it.

[@amirataha4952]

Great Video, please if you have a full playlist about using and creating different variables for different cases. hope to share it with us or add it to the description.

[@koekie84]

That's great! However, when I add an already defined variable as the value for the text property (in the panel at 1:35) I cannot update it anymore to another string variable in the instance... It only works if the value is typed in the main component 😢

[@ludwig.]

I have two libraries: one for Brand 1 and one for Brand 2. Everything-such as colors, fonts, corner radius, logos, and component designs-updates correctly when switching between the brands, even for light and dark modes. However, my icons are not updating. Is there a way to make icons work with variables, or is manual swapping the only solution?

[@zatteo82]

Wasn't this feature already there? I've used it to bind breakpoint variants to string variables...

[@mumulti]

Awesome! Cool how main and instance components can have different variables! How about attaching string variables for text content to text elements which are not in a component? Or would you create components (for headings, paragraphs etc.) which have just a text element and a frame as container around and then give that a text property to bind a variable?

[@Disent0101]

it's a figma chad!

[@ПуТНиК-д1п]

Add the ability to bind variables and instances

[@marcelbonfim6297]

Amazing!

[@antonyp6617]

Very useful, although I am a bit tired of seeing the same cooking/travel app design every single time for those examples. Other use cases would also be interesting I reckon. But I'm nit-picking.

[@mopolo]

The information is the same regardless if they’re talking about tomatoes or lettuces

[@Iam_f_works]

como decimos en Chile! Brigidooo!!

[@oleksandrkorshunovich3980]

CoooL, thanks!

[@yasminegandour]

THANK YOUUU

[@IanPilgreen]

I was on top of all of this until you got to 2:54 lol

[@Slava-om1sz]

Finally

[@quiznossubs]

Wow