How to Undo a Component in Figma
In this article
Converting a component instance back to a regular object is a common task in Figma design workflows. This process, known as detaching an instance, breaks the connection between your selected element and its main component.
Understanding how to detach components gives you flexibility when you need to customize specific instances without affecting the original component or other instances throughout your design.
Here's how to undo a component in Figma
- Select the component instance you want to detach on your design canvas.
- Locate the properties panel on the right side of your Figma interface.
- Find and click on the 'More Actions' button in the properties panel.
- Select 'Detach Instance' from the dropdown menu that appears.
- Verify that your object is now detached and appears as a regular group or frame.
Your turn to show how it works.
Build a walkthrough of your product with Saltfish, then share it with your customers.
Frequently Asked Questions
When you detach a component instance, it breaks the connection to the main component and converts it into a regular object. The detached object will no longer receive updates when the main component changes, and you can freely modify it without affecting other instances.
Figma
