Skip to main content
Michael_Riddering
May 16, 2022 3:17 AM UTC

Feature request: "Variant swap" within component properties

Right now if I use a subcomponent I can only add an “instance swap” which doesn’t help me a lot of the times.

For instance, if I embed a toggle component with an on/off variant there is no way for me to control that toggle switch at the parent level.

More info 👇

typefully.com

13 replies

Ruben_de_Wit
May 16, 2022 12:38 PM UTC

I think this is exactly what I am missing in Figma right now.
What I often encounter is the hassle to swap an icon within a button.

I like to make one icon component with variants, because I don’t like the cluttering when each icon is a seperate component.
The only ‘solution’ (more like workaround) is to drill down layers and swap the variant, like @Michael_Riddering describes.

So I would absolutely welcome the “Variant swap” property!

Visualisation of my desires:

Bruno_Garcia1
New Participant
May 16, 2022 3:16 PM UTC

This would be such a nice improvement to the feature!

Brian_Saunders1
New Participant
May 16, 2022 4:42 PM UTC

Agree that this should be a fast follow on the component properties feature. For a couple of components I’ve moved them out of variants to allow me to use instance swap properties instead, but that’s not really what I wanted to do for various reasons.

Martin_Sturk
May 17, 2022 6:47 AM UTC

I have the same problem.

I have a design system that has a lot of components within components to make it modular and easy to use for the user of the ds.

For example: I have an ancestor button that is used within all other different types of buttons (to keep consistency and make it easy for changes all over the ds). In that button I have my label, which due to the component within component is not selectable with the text property from the top component.

Screenshot 2022-05-17 at 08.43.32

Making variant swap and other properties option usable within stacking component, should have been a feature that was shipped with this launch 🙂

megaroeny
Active Member
May 31, 2022 3:07 PM UTC

Big 👍 on this one. One main thing that made me stop attempting to update some existing component sets.

Something else related to this - I don’t want to have to publish “internal” (hidden) components, just for them to show up at the surface/root level of the component props. I want to keep those hidden, but still allow them to be swapped on instances.

Thanks for posting this request Michael! 🙏

TheJMoore
Jun 8, 2022 4:05 PM UTC

+1 on this feature! I believe Sketch had some nice symbol nesting swapping, and it’s something I’ve longed for in Figma since the beginning … even more so lately with component properties 🙂

Piper_Deck
New Member
Jun 16, 2022 12:54 AM UTC

Came here to upvote this feature request!

Jacob_Morrison
Jul 7, 2022 5:19 PM UTC

+1 to this! Can’t figure out why we wouldn’t want to build our components like this. I’d love to hear what the Figma team thinks if they don’t plan on including it.

dpoliti
Jul 21, 2022 10:01 PM UTC

big plus one! we need this

Troy_Brennan
New Member
Jul 28, 2022 4:27 AM UTC

+1 +1 +1 I was just trying to figure out what I was doing wrong and turns out it’s not possible! Definitely would prefer this over selecting from loose components on the page.