Ability to add/remove/re-order items in an auto-layout component

Couldn’t agree more. This is the single biggest blocker to using Figma design systems for larger, more complex components and patterns.

Can we vote this up? This is a really annoying limitation of components. 

​@Figma_Team any inputs?

This is a really annoying aspect of Figma. It’s a major blocker for complex components. For example, I have an RTE organism that sits within several components. The RTE contains rows of different heading/type/bullet/list styles that the designers need to be able to change the order of to build designs/prototypes. Having to detach the components creates havoc when you then try and create variations of the designs, relying on variables to resize/recolour the components.

How do other users deal with this headache?

Agreed 100%.  I frequently end up having to detach my own instances because the alternative would take too much repetitive editing.

Imagine the scenario - you have a 7 item menu and you realise you need to add a new item at the top.  To achieve this, you either need to detach and hack the instance or you have to rewrite all of the text strings and re-assign icons to every list item (assuming you even have another dummy item at the bottom to unhide).

I pretty often need to re-order menu items between design concept and final spec as the product evolves.  It should be a trivial task.

 

This would be so great to have

Agree with all comments here, I run into this at least once a week, very frustrating limitation. (I initially thought this was just a setting our component library architects had forgotten to enable, but no...it’s an actual Figma limitation!)

Thoughts on this ​@seni ​@dvaliao @Celine_ ?

Has there been any movement on that front? It’s a big limitation for design systems and using them

+1 – This would be a great feature. In theory it could be implemented as a component property, controllable both in the canvas area and in the properties panel where it’d be reflected – drag and drop to reorder maybe?

Running into this problem right now in our design system. It would be so much better if I could just reorder in the Asset rather than breaking it to do so.

I’d like to add my voice to those asking for this feature.  Seems like it should be pretty easy -- Figma already supports this given I’m rearranging / adding / removing auto-layout items outside of a component.  I understand you’d want to be able to turn this on or off, as I wouldn’t want to accidentally be rearranging elements inside a component when attempting to drag the component.  But maybe I can designate a particular type of “list” auto-layout, that lets me add / edit / rearrange / delete an array of whatever child element is inside that list component?