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.
Dear Adobe XD Community -
I'm glad to announce that in XD 49 we have introduced the capability to reorder components states in main components through the property inspector. To reorder you states, select your main component and drag the states in the PI to reorder them and the new order will reflect across all your component instances.
Hope you enjoy that feature. To learn more about how to use Component states in XD, please check: https://helpx.adobe.com/xd/help/create-component-states.html
Thanks,
Sherif
-
Steven Mancera commented
Anon. I wish I could like your comment
-
Anonymous commented
I have been using XD a lot lately, and running into workflows that cause major user pain - this being one of them. It's really disheartening to see that some of these feature requests are years-old. I am more and more of the opinion that making products more usable for subscribers is not a priority for Adobe. Being able to un-dock or expand the states window is such a low-hanging piece of usability fruit as to be render it laughable that they haven't fixed it. The list of these problems grows longer and longer as I use XD, and makes me regard XD more as an alpha version of software that's actually years away from being ready for release.
-
Jack commented
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!
-
Veysel commented
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.
-
Kevin commented
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
indeed needed
-
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... :)
-
Rob commented
Absolutely needed!
-
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.
-
Moisés commented
Yo! Option to rearrange component states! NOW!
Pretty please...! Thank you!
:) -
Anonymous commented
Totally agree on this. I recently switched from Sketch and I love XD but this seems like a serious oversight.
-
Jay commented
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.
-
Natalya commented
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.
-
Peter commented
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.