We recently migrated into Figma and imported all our sketch files. I created a solid DS in Figma. Now the problem is, while working on old files, It’s hard to remove a layer and place the component at the same place.
It’s been so much annoying and it’s a life saving feature to have something like replace layer with component.
Do you also faced same problem ? Please help me out if you have a workaround or plugin that eases this.
I made plugin Master to solve exactly this problem (and some more). There are some other plugins with similar functionality but assuming you want to replace “real” layers (not just rectangles or other placeholders), you want to save data and overrides in them, which only Master can do. Here is how to do it:
Select the component or instance of the component you want to attach the layer to.
Go to Master → Pick Target Component. Master remembers this component.
Select layers you want to replace with the component and run Master → Link Objects to Target Component.
This is a powerful plugin for sure. But I am currently looking for even more simple approach like the Component Replacer. It’s actually deleting and placing a new component. That works half way but I am looking for direct replacement.
Hey I just submitted a plug-in that does exactly this (if I understand your situation correctly), it takes several days to be approved but I’d love to share it with you when it is.
My plugin turns the selected layers into an instance and creates the main component at the root level of your page. It handles all kinds of tricky cases like layers spread between multiple containers, and maintaining constraints from the child to the instance.
Yes, the only drawback of that is, it places that instance on top of all the layers. I have to manually adjust the layer position. That’s the only drawback.
Ooh ok, I think your use case is different than what my plugin provides, but I think there are a few others which attempt to do that. They should be able to insert the new instance right where the selected layer was too.
Hello @harsha20599 , did you find a plugin? I need to replace many (background) Frames into an existent (background) Components and this is really annoying
Did you find a solution? As of right now I am grabbing the component I want from my linked library, then selecting the layer/group I want to replace, and using the new “Paste to replace” feature
It should. Select a component published to the library, run Master → Pick Target Component. Then select objects you want to replace and run Master → Link Objects to Target Component.
If something isn’t working, send me an example here or to gleb@dominate.design so I can investigate what could be wrong. A video recording of your actions and links to files would be perfect.
Our team is planning a transition to Figma, and I’m coming across this issue over and over as I rebuild our pattern library. Replace with... is one of the primary features I use for curating and building components in Sketch, so this is a huge friction point for me.
Figma—please tell me this feature is in the works.
@Sarah19 Check out Figma’s “Paste to Replace” functionality. I think this will help. Here’s a link to the Copy and Paste Playground Figma Community file:
The paste to replace doesn’t work if it’s a group / frame to be replaced right. It only works with image I guess. Is there a way that I can replace a group in a component? Thanks!
I just released a plugin, where you can select a frame and replace it with a component and keep the original text from the frame. Only requirement: The original frame and the component must have the same amount of text-frames:
This Plugin also helps of you want to reattach a detached instance of a component.