Active Member

LAUNCHED: Nested variant component override controls

Forum|Forum|5 years ago
February 6, 2021
61 replies
16934 views

it would be nice if the inspector would list overrideable / swappable nested components without one having to drill down into the component’s layers.

This would allow to quickly select multiple components and change an override for all of them. Currently I have to click through the relevant layers of all marked components to adjust the overrides in bulk: E.g. changing an icon override for multiple components.

Share an idea

Show previous replies

pjmk_world

Hey, there is super handy plug-in called SELECTIVE VARIANTS, but guys this should be native in figma.
Because how plugins works in figma (floating windows) it’s bothersome to use more than 1 plugin at time.
It’s time to make things happen & start doing what your community wants. 😉

Klesus

Searching for selective variants turn up 0 results 🤔

pjmk_world

Sorry it was selection variants… miss spell 😉

Figma

Justin_Tiemann

Sketch does this, why not Figma?? ::

Federico_Romano

if the topic gets enough votes Figma will incorporate it for sure, in the meantime, the plugin made by @Gleb works perfectly, but if you still want this as a native feature, just vote this topic and get more people to vote it

FigmaIsBad

Suggest to look at Framer for attribute Settings. They have a great way to configure properties

Vasim

Sketch does this, expose all overrides of all nested symbols when the parent is selected. It’s horrible in my opinion. I prefer the current behaviour to be the default, but, give us the option to individually expose whichever overrides we’d like for the parent to show.

Once you have a larger component in place, like a header with a login button and menu items. You’ve already defined the intricacies of whether that login button should have an icon or not at this point, so I don’t need that override to be getting in the way. What I might want to adjust would be the open and closed states of each menu item when I’m using that header component everywhere else. If I want an icon on that button I just make an adjustment once to the master component of the header.

In the simple example above I do actually prefer selecting each menu item and toggling between expanded and default, but when some components get a bit too complex, I’d like to be able to expose certain overrides when the parent is select.