Add new elements in Master Component
Feature:
There should be a way to add new elements to already created components.
Requirement Reason:
This way we wouldn't need to ungroup the component to add the new element every time. The requirement usually occurs in incremental design when we need to modify an already existing component and also when you miss out some elements before marking group of elements as your component.
I’ve just published two different tweets that show you how to add something to a master component. You can either cut/paste or draw objects in a master component by entering the edit context.
https://twitter.com/elainecchao/status/1262454503858528256?s=20
https://twitter.com/elainecchao/status/1262808992096456705?s=20
Hope this helps!
-
Momin Schiek commented
It still doesn't work. Nothing described here. You are outright lying to us.
-
Daniel Kraciun commented
I struggled with this as well. While the video (twitter links) help it should be noted that you cannot click on the component itself and paste after cutting. You must select an element within the existing component for it to place the new element you want to add.
-
H art.link commented
I was looking all over on how to do this. Very helpful suggestions, Elaine! thank you!
-
Anonymous commented
This doesn't update all linked artboards.
-
J L commented
You can paste new elements into an existing component via layers panel... You just need to make sure that you have highlighted an element/folder within the component (not the component heading itself). This way it posts alongside the item within component.
-
Andrew Flatt commented
Did anyone get anywhere with this, when i edit a component i expect it to update all copies of that placed component, it doesn't appear to behave like that. - or am I missing something?
-- change that it does seem to work - but its very temperamental - i don't know what's causing it
-
Zeeshan Ashraf commented
It does work already. You just need to double click the master component and paste the content you want to add inside (for example PNG)
-
Anonymous commented
Same problem. By editing a Master component I can change anything that already is in the component and all the artboards that include that component are affected. But adding something new into the component doesn't work, it pastes there, but isn't a part of the component, and other artboards are not affected. Even if I really have chosen the 'Edit Master component', and I can see the Master selected when trying to drag something new into it.
I always have to ungroup the component first, then add something, and make a new component of it. Then the new component has do be dragged everywhere again. And if I have used the component on an artboard I've also made a component of, then I'd have to ungoup that component as well, to get this one added to that one. And then make a component of that one again, and drag it everywhere, and so on. It's an endless chain.
I have watched some training videos of xd components, but I have't seen anyone adding an element into a component. It has only been shown how to edit the elements that already are in the components. So if you know a video showing this adding, could you please share a link?
-
Orun commented
I don't know if this is a bug or what, but I've tried every which way to select within the component. When I paste, it doesn't paste to the master. Same thing with creating an element.
-
Sandra commented
Can you please show us how to? I cannot make it work
-
Billy commented
I'm experiencing this as well. I have a text element that is used consistently throughout a design. I've made it a component so I can easily edit it later. Now, I'd like to add an icon to the right of each of these text elements in the design, however I cannot add the icon to the text component as is. I have to ungroup the existing component, group the icon and the text together, and make a new component from that. However, now I have to manually edit each existing text element with my new component.
-
Ria commented
"paste or draw your new elements inside the master component."This deserves a much better explanation than is given here. Also, this is a problem we shouldn't be having in the first place. It's non-intuitive, and at the very least, we should be able to edit the master component by creating a layer and dragging that into the component as needed. Having to first select a layer inside the component first is not intuitive. Bad design - hope this is something that is addressed soon.
-
Allison commented
I am having the same issue. It doesn't update across art boards. I have tried making sure the copy and pasted/drag and dropped item is another component as well as not a component. Is there a place that shows a walk through other than one switching a component out with another?
-
Anuj Bhatnagar commented
I can't figure out how one can add a new element into existing component.
Drag and drop or copy-paste does't work. Have tried locking/unlocking components as well. -
M Black commented
I'm still not sure how to do this. It doesn't recognize the new element in the master.
-
Tor Gundersen commented
You can do this already. Just click into the component and paste any other elements you want into it. You can do this with component states too.