Create new main component from existing component
◆ Overview
After releasing "State" feature, it's been able to prepare complex interactions like "hover." Following feature may help to reduce required time preparing a new component with similar behaviors/instructions.
◆ Actual
New component with state settings every time when a similar behavior is expected in different look and feel.
(Currently, preparing another XD file is believed to be the only solution to avoid this by selecting "Make it as local component" after loading it from another XD file.")
◆ Expected
By select "Use it as a new Master Component" is to make a new Master component instead of copying it as an instance component.
◆ Why is this valuable to you?
When using a single, new XD file and load a master component from other XD files, it is possible to make it "local component"; however, it is unable to make it happen within the same XD file.
This helps to reduce time to prepare a set of basic state setting from the beginning each time. This also helps NOT to get affected unconsciously on the new component by editing the template master component by someone else.
Since Co-Editing feature is now beta version, some larger project may have a couple of co-editors of components on the same XD file in the future. While a group of designers keeps upgrading a basic behaviors for future use, another group of designers is working on on-going project to finalize a specific look and feel based on the template component.
Kei ™
shared this idea
-
Gabe Schervish
commented
I'm using the new convert sketch library in XD to import all the different libraries i have. While I appreciate the ability to add states, it has one major flaw.
I cannot create a new symbol from an existing symbol that already has the states i want in it.
A good example of this is my button system. See screenshot for how it exists in sketch now.
Basically i have 20 different types of buttons (this is an enterprise design system) each with 2 different sizes (big and small) and each of those button types comes in 5 states:
Default, hover, focus, active, and disabled.
In XD with states right now I imported the buttons in and i have to recreate each of those states for all 40 button types. Each time i create a new symbol i have to add the 5 states manually and type in the titles of those 5 states manually and then copy and past in colors and text styles manually. It's soooooo slow.
I would like the ability to either copy states to new symbol (at least the names maybe) but i would also like to create a new symbol from an existing symbol so that i can even preserve the contents of those states to make the minor tweaks needed for each new symbol.
Again, I feel this is especially relevant to those people who want to convert their design systems to XD. Thanks!