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.

-
Brady Allen Young commented
@Adobe may we please get this feature??? 🙏 So frustrating when working with on one project with multiple files and iterations, redoing all the work of creating states when I just need to make an independent master
-
Cognisant commented
This is a crucial feature for collaboration between multiple people on a project. I'm struggling right now. If one is not able to move a master component to another file, how are multiple people supposed to collaborate on a project? Atleast being able to change an exisiting component status to master component will hep this a bit.
Get on this feature @Adobe!
-
Anonymous commented
I literally can't believe this hasn't been implemented yet. I found a half decent work around, but its not the best.
1. You copy the component to another document
2. Right-Click the asset and select "reveal component in "assets"
3. Right-click the component in the assets panel and select "make local component"
4. then click the Pencil/Edit State button in the component panel on the top left, this will generate the "master" component of the copied component.
5. copy this new master back over to your original document.This works perfectly only one layer of component. If you have components inside of components, they will probably get a bit messed up. But it still might save you some time.
-
Bertrand commented
I heard little details are the product. It seems you did not have to create a design system without this feature. I am about to break my computer everytime I need to create a new component based on a previous one.. Please hear our voices.
-
Zahier Zulkafli commented
And here we are again waiting for genie to grant our 4th wish. Was it the 3rd or 4th, I can't remember.
-
Paul commented
+1
-
Anonymous commented
How is this not a thing?
-
San Rabid commented
Please, we need this feature implemented!
-
Thomas Hale commented
This would save so much time in having to replicate states that are similar between components. For example, my design system has table cell components that have different height variants (as well as all the other "states" you might expect of such a component), thus if I want to create a component where all the states are virtually the same name and only difference is the height, I have to do a lot of work to replicate that structure of states, naming.
-
Fanny.B commented
This feature is so useful, a +1! I'm agreed, it's not efficient to rebuilding from scratch a component and so annoying..
-
Joo Chung commented
Adobe appears to care very little about things that actually improve the user experience of this software. So many basic, basic features are lacking, such as this one. Other functions overtly obliterate user work, which leads to having to do workarounds for functionality that really should be as basic as being able to copy and paste. Get your shit together Adobe.
-
C. Lockeby commented
Here's another +1 for this idea. Ungrouping and rebuilding all states isn't an efficient workflow!
-
Evangelion Netai commented
yes pleaseeee need
-
Anonymous commented
It would be a huge improvement to create new master components from the overrides of a component.
currently, i have to ungroup the component and create a new one, if i want to create a new master component from override styles.
but therefore, i have to recreate states etc., which could be easily adjusted otherwise. -
James Duffield commented
Having to recreate all states on a new component is a real pain. This is 100% needed.
-
Mirek Ždímal commented
Yes please.
-
Anonymous commented
+ 1 for a master component duplication method
-
Josh On commented
Just ran into this again.
It is really important - the use case I have is that I have an alternative navigation on some screens and now I have to rebuild the whole nav component... -
Amanda Staunton commented
Please work on this Adobe, this would be a major time saver. It's frustrating to have to remake a component that has multiple states.
-
Tony Ward Arts commented
Absolutely my #1 need right now! Please make it happen... Working on my own website design and this is crucial.