Show component states as artboards
The explicitness of the artboards is one of the most valuable aspects that drove me into XD.
It is great for design (when you can see and edit things at once) and specially for team collaboration ("How will development see all states?" https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38978644-component-states-to-development-design-specs).
Wouldn't it be great if:
1 - states were special (explicit) artboards, tied to the original object (like Overlays);
2 - the single regular Interaction pane could have triggers like "Hover/Mouse in/Mouse out" and actions like "State" (instead of requiring setting up states in the Design of a component before triggering them elsewhere in Prototype);
3 - matching the original object's dimension;
4 - inheriting the original object's contents as default (like with components);
Maybe this is a good way to put the "states" concept to leverage the best of explicit artboards and simple setup of interactions.
Gino Rodrigues
shared this idea
-
Silver Spades
commented
As we have tried to implement / transfer a component palette it became clear, that we need more similarity between how we handle Artboards and Components. Here are the most wanted aspects to this:
1. Displaying a symbol name above the symbol
If we have a couple of symbols under each other in the Design system it is unclear which is where unless we click them. (See the attachment)2. Displaying Background/boundaries
In the same attachment it is unclear how big are symbols nor if they all of the same size unless selected. In some cases the background is needed.3. Display Relative XY position of the elements inside of the symbols on the pasteboard.
I personally hardly see any use to the displayed absolute X/Y position of elements inside of the components, placed on the pasteboard. Like in example x:7400 y:-5062 (See the attachment)