How to Detach an Instance in Figma
- George Apostolov
This guide is an interactive LiveDemo. Create interactive demos of your own product: Interactive demo software · Interactive product tours for your website · Start free
How to Detach an Instance in Figma: step-by-step guide
Inside your Figma design canvas, find and click the component that contains the instance you wish to detach.
Following that, navigate to the right-side panel and click the 'More Actions' button.
Select 'Detach Instance' from the list of options.
After completing these steps, the instance will be detached from the selected component.
Quick answer: To detach an instance in Figma, click the component containing the instance in your design canvas. Next, go to the right-side panel, click the More Actions button, and select Detach Instance from the menu.
About this Figma tutorial
Separate a Figma instance from its parent component by using the More Actions menu in the right-side panel. This guide shows how to detach an Instance in Figma in 4 steps, starting with "Inside your Figma design canvas, find and click the component that contains the instanc..." and finishing with "After completing these steps, the instance will be detached from the selected component". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to detach an Instance in Figma?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Download a Figma File, How to Download the Figma File as a PDF and How to Draw Objects in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
