Figma Support Forum

Why can't I define properties for variants before combining them?

Let’s say I want to create multiple variants of a button. While creating them, I name them the following:

Buttons/Type: Primary/Icon: False
Buttons/Type: Primary/Icon: True

I then select them both and click “Combine as variants”. The combined component doesn’t inherit the property names. Shouldn’t it be the other way around?

To preserve property names, the syntax should be like this:
Property 1=Value 1, Property 2=Value 2, …

But in this way the name of the component is lost.

makes sense, thanks for the answer!

So I guess defining property names prior to combining variants is not supported then?

I tried removing “Buttons” from the example I described in the original post and the properties don’t get inherited in that case either.

Instead of a colon :, there must be an equal sign = and instead of a slash / there must be a comma ,.

that ended up working perfectly, thank you so much! :smiley: