Is there a guide for converting multiple variants to use component properties?

Hi everyone!

I’m very excited to start using the new component properties functionality within Figma. However, I was wondering if there was a guide or youtube video walking through how to convert a lot of variants to using the properties without impacting existing child instances or causing them to show an error regarding deleted variant instances.

Any thoughts on this?

4 Likes

I want to know this, too

2 Likes

same here :slight_smile:

1 Like

Same. I had shown/hidden variants for a leading icon on my button component. I tried replacing it with a component prop with the exact same name and that did mostly work, but it resets the icon back to the default. So either there’s a detail I’m missing or there’s not a seamless migration process.

1 Like

Really curious about this too…

1 Like

I don’t see a way around triggering the “missing variants” message if what you’re doing is reducing variants. I took a Side Nav Item component in our system down from 45 variants to 3 variants, so what I’m doing in the release notes is communicating to the designers that it’s a breaking change. I let them know that they’ll see the missing variants message, and how to deal with it. It’s not really ideal but I think the team communication around it is key.

But how to go about design files that use those variants that have been removed? You’ve basically removed 42 variants but if they’re used in design files, how do you update the designs? Manually…? :sob:

Figma, please provide some sort of “convert” feature if possible (if I’m not missing something).

This would be super helpful. If not for all cases, then at least for the variants which are already using True/False.

Got a lot of variants solely for visibility things in components, and while wonderful, this new feature (even if only the Booleans) is sort of useless for existing and extensive design libraries/systems.

Implementing is super fast. Just shaved down a component set with +100 variants to around 4.
Publishing, updating, breaking and manually fixing all instances is probably not even worth doing.

Right now I’m doing copies of all main component sets and modifying those. Then updating as I go along editing and creating new stuff in various files.