Skip to main content

Change the order of exposed nested instances


Ethan_Wang

It doesn’t look like there’s an obvious way to change the order of exposed nested instances. Right now the order seems to be based on reverse layer order. It’d be great if the order can be manually adjusted.

Screen Shot 2022-10-10 at 11.44.08 AM

53 replies

Mateusz_Gdaniec

Screen Shot 2022-11-04 at 16.45.09

I was also looking for a solution for this issue. With regular properties I can see the “draggable” handle. But with a nested instanced there is nothing on hover. I’m wondering if this was the intension from Figma side or it’s just the beta issue?


Stan5
  • New Participant
  • 36 replies
  • November 18, 2022

I don’t get why the order is layer-reverse, it’s very counter intuitive to have the list reversed compared to what you see on the canvas and layer panel.


Antoine
  • New Participant
  • 145 replies
  • December 14, 2022

+1
Here’s a duplicate.


megaroeny
  • New Member
  • 68 replies
  • March 1, 2023

Yes, please! We’ve been leveraging this feature for things like Dropdown Menu options (and the options have props which are nested). The issue with that is, one of the more important nested props, gets shoved all the way to the bottom of the options list of props. Thus, risking the designer/consumer totally missing it without any guidance.

See this example, where we have one unique nested prop for scrolling, that gets pushed too the very bottom:


Kyle_Conrad

This is a weird one because I can’t decipher how they’re organized - they’re not by layer order OR reverse layer order for me, they seem just scattershot as to how they’re listed. Feels like there needs to be a way to manually order them OR at least tell us how they’re being organized so we can find a workaround.


nasgary
  • 7 replies
  • April 11, 2023

Still no workaround?


nasgary
  • 7 replies
  • April 12, 2023

I did some testing and it looks like the nested instances properties are ordered based on the order that they appear on the final component, from top to bottom. Changing the position of the component instances in the final component also changes the order of the nested properties.
Knowing this doesn’t help much because for example if you have a text input with a Label, Input Container and Helper text on the bottom, you cant change the position of these instances.


denvac
  • 6 replies
  • May 23, 2023

Just wanted to +100 this request. Exposing nested props is what makes Figma super scalable with complex Design System components (e.g., molecules, organisms, templates) and not being able to control the order of these props almost defeat the whole purpose as these props will bounce around based on variants & sub-variants…
🙏 Please Figma team!


luiscamino_bmw

hey nasgary thanks for investigating. i don’t quite understand what you mean by “order that they appear on the final component”, you mean the order in terms of x y coordinates inside the component?


nasgary
  • 7 replies
  • May 25, 2023

I mean the physical order that they are in from top to bottom, if you move a nested component to the bottom, the nested component properties also appear on the bottom.
If you look at the screenshot i posted above, you can see that when Comp 1 is on the top of the list, its properties also appears on top in the properties panel.


Carioca_Andre

Here to keep this thread alive… I’d love a solution for it


Dennis_N
  • Power Member
  • 188 replies
  • June 15, 2023

I would also like to be able to put them in between other property types instead having them clustered as “nested instanced”.

Why that? In my case I have multiple toggle switches (true/false) which turn on/off nested components. I would like to group these properties as they belong to each other.

Give us more control please 🙏


Ali_Martin1

+1 to this request! (Keepin’ the thread alive)

I’m also deep into complex design systems with sometimes dozens of nested instances. It would significantly improve my workflow to be able to re-order them in the properties manager.

For example, I may have a component layer that is close to the top of the auto-layout frame, therefore it displays at the top of the nested instances list. This component might be seldomly changed from its default state, therefore I’d like to place it at the bottom of the list so I can scroll to the most important items first.

Thanks!


Rosieway
  • 8 replies
  • September 6, 2023

+100, same boat, want to have the feature that let us drag however the order we need to make the nested instances makes most sense based on our components’ scenarios!!


Mihkel_Ronk

Physical order in the layers panel, that is. Helped for me, thanks!


David146
  • 1 reply
  • September 29, 2023

I really think this re-pordering function would be a good one to include. So changing the order of nested instance properties but also a very useful addition would be having an option to not expose some properties within that instance.

For example you want the option to turn a layer in that nested instance on/off but you don’t want the text to be changeable even though the master component has both properties. I would like the power to be able to choose which properties are exposed from the nested instance in my final component.


+1 to this, encountered this issue today with a complex component we’re looking to add to the design system. It would really enhanced the utility of nested components to leverage this, some things will rarely be changed, but some will often be changed and atm there’s a lot of properties to go through


Gerlof
  • New Member
  • 4 replies
  • January 31, 2024

Bump! I need this!


Lauren5
  • 2 replies
  • February 5, 2024

+100! I would love to be able to reorder nested instances!


Anthony
  • New Member
  • 4 replies
  • February 8, 2024

+100! Bump! Just keeping the thread alive, this needs to happen.


Seamoose
  • 3 replies
  • February 15, 2024

This would be really nice, please!


  • Figmate
  • 2002 replies
  • February 16, 2024

Hi all, Thanks for sharing your thoughts about nested instance properties! I will make sure to bring this up with our internal team for future consideration.

Thanks,


Marcus_Vedde
  • New Participant
  • 8 replies
  • February 27, 2024

Great news!


ZdenekCulik

+10 please


r_sh
  • Active Member
  • 28 replies
  • May 16, 2024

Yes, it would be SUPER helpful for our team to be able to reorder the nested instance properties (without changing the actual order layer of the instances in the component-- with autolayout, the actual layer order matters a lot!)


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