Unlinking components
To edit components created in another project, you’ll need to unlink them first. This article explains the unlinking options available in Framer and how to use them.
What does “Unlink Instance” do?
If you see the “editing component” modal when trying to edit a component, it means the component was originally created in a different project. To edit it, you need to unlink it first.
Unlinking the component creates a local copy in your current project, making it fully editable.
How to unlink a component
From the canvas:
Right-click the component on the canvas.
Select Unlink from the dropdown menu.
An unlinked version is created in the Assets panel under the components folder.
You can double-click it on the canvas to start editing.
From the assets panel:
Find the component in the Assets panel.
Right-click it and select Unlink from the dropdown menu.
An unlinked version will appear in your components folder.
Drag it onto the canvas to use and edit it.
What does “Unlink & Replace All” do?
When you attempt to edit a linked component on the canvas, you may see the option to Unlink & Replace All. This action unlinks all instances of that component in your project and replaces them with an editable local version automatically.
If you encounter any issues or need further assistance, feel free to contact Framer’s support team through our contact page.