Promote component state to main component
It's possible to reset the state of subcomponents to the status of the master component. Somethimes Iam editing subcomponents in a way that I like the design of them more and I want to adapt all other components accordingly. For this I have to do all changes for the master component again. I would like to have the option to create a new master component from a subcomponent or reset the master component to the state of a subcomponent.
Often times I'm working in my design with a child component and I realize that what I've made needs to be applied universally to all the components.
- Currently I'd need to copy the child component I was just working on.
- Right click on it to "Edit main component"
- Then dig into the Parent or Main component paste in the child component and ungroup it so there's not a chicken and egg problem with it.
- Delete the old content of the Parent Component.
Should be just as easy as
- Right Click on the child component
- Select something like "Replace Parent Component with this Child"
Rui Bernardes commented
The idea would be that by mistake I edited a child component and started to copy-paste it. If then I want to edit the main component, I am not able to override it. So the idea would be to have an option to set the child component design as the new main component.
Rick Miller commented
During the design process I find a component needs to be updated to reflect the changes I made in a copy/child of the original. Currently I have to copy and paste elements from the child into the main component and spend some time rearranging the elements.
In Figma they have a right-click menu setting that pushes the changes done in a copy back to the main component. This setting could be state specific.
Michael Laugesen commented
Why not have a place where our component states are defined, and we can then apply these states to components? :D
Agreed. I might take a main component, copy it, make a few changes, then decide I like it better.
I have to ungroup it, create a new component, check all the automatic resizings, paddings etc. are intact, then go though my prototype replacing every old component with the new one, then redo the local content in each one. Promoting changes back to main component would be such a time-saver.
I want to be able to edit any component (state) and just copy these edits to its master.
Sometimes I find myself tweaking things to let them look better, but then have to do it All Over Again as I wasn't editing the master. Please add this feature.
YES THIS. I can't tell you how many times I've wanted to be able to do this.
brilliant!! yes that could definitely be could happen
Sometime in the life of a component a copy becomes better than its parent :). At this moment it could be interesting to promote it to official so it's not necessary to create a totaly new component.
Please add an option to mark a component as master in the flyout menu. Sometimes you want a child of a component to now be the master, but the only way to do that is find the master and drag it down to where the child is to replace it without copy/paste (because that will create a new child). It'd be easier to just right click and set that child as the new master.