30 votes6 comments · Adobe XD: Feature Requests » 02 : Prototype mode · Flag idea as inappropriate… · Admin →
57 votes14 comments · Adobe XD: Feature Requests » 02 : Prototype mode · Flag idea as inappropriate… · Admin →
12 votesNathan commented
Component state are great. However this is one of the features that is sorely needed now that we have states. Input and button states are a good examples of how organization of multiple states really matters. For instance, in an input I could need an input without a label or with a label, and without helper text or with help text, and need to show each of these in default, focus, error, and disabled states. Additionally, I made want to add or remove the required tag as needed.
One could argue that I could simply make 4-8 separate master components. However, if the intent is of the program is rapid prototyping, and I believe the intent of states is to improve this by not having to create repeat components that are, for all intent and purposes, closely related at the atomic level. The examples provided are additional artifacts that modify an atom (the most basic usable element), they are not atoms themselves.
I would not expect all sizes of each atomic element to be kept in state. However, there is not reason to consider this as well. I think the general idea is to keep your components tab as clean as possible. Particularly if an organization is trying to drive their design governance, in part, through XD.
Something as simple as not being able to reorder these makes the state less useful and, in some cases, causes outright confusion when consumed by those that did not create the component and it's corresponding states.
389 votesNathan commented
Yes, outside of being able to resize something without breaking the symbol, this would be incredibly useful.
Having a modular groups in the symbols section of the assets panel would allow those of us that approach design atomically to keep organized. A simple thing like creating inputs takes up tons of space in the symbols area. On top of this you have a ton of symbols that are only used as atoms of UI elements that later build up to components. Simply being able to throw all of the atoms in a folder and then throw all of the UI input elements in a folder would do wonders for organization.
To be clear, this grouping should help to organize only. It should have no impact on the design or art boards themselves. It just gives designers a better way to find things, keep organized, and change on the fly.