Skip to main content

Nested property hidden with multiple selection


Antoine

Been playing around with the “expose nested properties” feature currently in beta.
One of the great uses of variant properties is the ability to batch edit property values on multiple selected components. That use doesn’t carry over to exposed nested properties (yet I hope).

Demo file to help

When selecting one component instance exposing nested properties, said properties display fine. Add another instance of the same component to your selection (using Shift+Click), and the nested properties outright disappear from the right panel.

I haven’t seen this issue raised elsewhere! Do you experience it too?

Tingting_Cheng

Just discovered this issue too! Hope it fill be fixed as it doesn’t make sense to manually edit each instance because of this.


Jordan_Smith2

I’d love to see this added as well. Definitely a gap in the feature.


  • January 5, 2023

+1. I have the same issue/request.


Jesper_T_Hansen

+1 Loving the nested properties, but this is a major pain at the moment


  • February 23, 2023

Just discovered this doesn’t work today. Makes it almost not worth the feature if this isn’t fixed. But will be a huge time saver if it is.


+1 this needs to be fixed to make this feature more useful


tlapetite

+1, would be a real time & pain saver


Hans_Humblet

Ever since the properties have ben added to components, it has been a great improvement in my workflow. Especially the fact that I can select multiple instances and change a propery for all of them in just one go. Hallelujah!

However when I’m using the “expose properties from nested instances”, the nested properties are shown when selecting 1 instances, but when I select multiple, they disappear.


image


Tingting_Cheng

Yes, noticed this as well. Very annoying, hope they fix it soon!


I share you pain. This forced me to stay away from nested instances in situations where I need to do edit multiple instances at the same time.

I came up with a workround for this that isn’t the cleanest, but it works. Instead of using nested instances, you can use the instance swap property. Instead of creating variant in your components, create a separate component of each variant and when you create the instance swap property in your main component, you can select the “variants” as preferred values in the instance swap property. When you select multiple instances of your component they will all display their properties and you can edit all at once.


Jonathan_Schmitz1

This feature is now out of beta, and this has still not been fixed. This makes all the work that the Figma team put into it pretty useless 😦 (for my purposes at least).


Matt.Guzy

This really is a must. I have been underwhelmed with the number of use cases Nested instances helps with


  • April 10, 2023

+1 this is such an important fix for making nested properties actually useful


Jonas_Techen1

This would make the ‘nested component’-feature way more powerful and a hugh time saver. Please Figma 🙌


nasgary

It looks like only the options for the final component show up when multiple instances are selected.
When multiple instances are selected, the user can press Enter until the properties for each nested component shows up, but its not a good work-flow.


Raphael_Loder

+1 here. It makes batch editing a nightmare.


Dusty
  • May 26, 2023

Yet another feature that just works as expected in Sketch. This gap makes for extremely slow work when editing data tables, long lists, etc. — and has made it onto my list of considerations for clients weighing software options.

This feature, along with being able to specify which nested fields are editable at the parent level (Expose nested instances -> at property level, also default behavior in Sketch), would significantly improve the experience of designing within your app, Figma.


+1 It would improve the usability of the design experience when altering multiple instances of components with nested properties.

The alternative isn’t very user friendly — I either:

  1. Edit each components nested properties individually
  2. Delete most of my components except for 1, modify the properties, duplicate the component, and re-apply any unique aspects such as data being used for text properties or image fills.

Dusan_Zivanovic

This would be a great improvement. I’m creating tables and need to select the component inside separately…


Paul_Lyons
  • New Participant
  • July 12, 2023

I agree this is a very frustrating and should be added natively.

There is however in the meantime a plugin called ‘Selection variants’ which automatically deep dives into all variants within a component and any components nested inside of it.

Figma

Its not ideal as it exposes everything, not just the properties you define at the top level, which means you have to look a bit harder within the plug-in window for the nested property you want to update.

It does work though and is better than manually updating one at a time.


Kevin_Jen1

+1, it makes no sense that when multi-selecting components with exposed properties that you’d somehow be unable to edit the properties of nested components. It defeats the the purpose of exposing properties of nested components if you can’t edit them when selecting more than one.

Like others have stated, updating properties for a group of components becomes a nightmare. Way too tedious to do this component by component.


Julia_Shlyapnikova

+1 this issue defies the purpose of the feature


Dmitry_Lyapustin1

Apparently it was never fixed. Is there any news on this, @figma?


hfu
  • August 4, 2023

@figma We need this to be fixed!


Joshua_Feig

Please fix this. It reduces the value of the nested properties immensely.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings