Rearrange Component States in Property Inspector
I'd love to be able to rearrange the component state order in the property inspector (the panel on the right in Design mode & Prototype mode). I would also love to be able to resize the section for component states. Currently it maxes out at 4 before you need to scroll.
We need this desperately - anyone working on a big project knows the pain of the current states list.
What we really need is consistency between Illustrator and XD. If you can rearrange layers etc in one piece of Adobe software, then it follows that we need the same functionality with any custom list.
On top of that, the ability to just extend the size of the list (using the toolbar dividers, just like in any other Adobe software) would be fantastic. I've got a list with about 20 states in there, but the list is tiny and the scroll-bar just keeps getting harder to use.
Laura Peters commented
Need this desperately!
This feature is really necessary. The needs arise over time, and each state we add causes the list to become complex. Kindly get the drag & drop feature to rearrange meaningfully.
Ola Karlsson commented
Yes please on both those things, my list of states in some components are a mess because I after a while realised I wanted another state related to an existing one but there is no way of putting them by each other.
I don't understand why this isn't a thing.
ANY RESPONSE FROM ADOBE???
Joseph Silva commented
This is much needed, and currently having to constantly scroll in the little states scroll area costs a lot of time and is not an ideal user experience. As someone else commented if there is a clean, simple way to provide a preview thumbnail for each state, that would be really helpful.
Thank you! Keep up the great work, XD team!
James Symons commented
Yes please, massively helpful... and also maybe preview of component when hover/on side ;)
Rich Prior commented
This is important to have
Kim Langenkrans commented
Nick Morgan commented
This would be a major workflow improvement for any designer or team that manages their components in a complex way. The Layer and Libraries panels both have this ability, so I would think this could be addressed more easily than other requests. I'm not a developer though, so some development challenges may exist that I'm unaware of.
My biggest issue with the lack of this feature, is that you have to strategically create component states in order for them to be displayed in your desired order.
When a designer needs to create new component state in the future, the new component state is only added to the bottom of the list, and can not be grouped with other similar components that might be higher up in the list.
I hope that Adobe pursues feedback requests independent of their popularity, especially since the request list default sort order is by popularity. This request, for example, is on page 9, but is much more basic functionality than quite a bit of the more popular requests. Just my opinion, but it looks like it's shared with many folks on this thread.
While we are at it, perhaps moving the component panel into the left side would create the additional benefit of resizing width as well. My component state names are wider than the allotted window width of the component state list in the properties panel.
Alright, coffee is wearing off, I'll stop here... :)
Milan Manojlovic commented
Its not idea. Its bad UX in here. I can't see all my states in one bite. Without any reason states view masking my states list.
Yo! Option to rearrange component states! NOW!
Pretty please...! Thank you!
Totally agree on this. I recently switched from Sketch and I love XD but this seems like a serious oversight.
This seems mandatory. I have 10 states on certain components, for example making a tabbed section. I'd like to reorder the states into a logical order.
Seriously, how is this not a thing yet? Even if the MVP is alpha sorting them for now and adding reordering feature later that would be fine. Either way not including some form of sort by default is a complete misstep.
For further clarification on the last bit of this request, the component section is way too small. See attached, simply make the section at least half the prototype panel.
Also would be nice if it didn't hide the states when I have a interaction trigger selected, just keep both visible.
This is a complete and utter embarrassment for XD in terms of components. This needs to be added so that design systems and component libraries can feel organized and not amateur.
Marlin Prauss commented
I really miss the feature to rearrange the states of components. sometimes one simply needs to change the order.
Flavio Mauri commented
Yes! I just posted this on twitter a couple days ago. I don't see any reason why not, surely this aspect needs to keep up with evolving necessities of the designer, whom might think or receive request to implement new states at a later date, but that would be convenient to keep in a certain hierachy
Gino Rodrigues commented
Components with many states often require some logical clustering in the list, otherwise it may get really confusing.
I've been "provisioning" many empty states ahear, only to try to control the order of the list, but a simple drag would be way simpler.