How to Detach Component Figma
This guide provides a step-by-step process to detach a component in Figma, ensuring you can customize and modify designs with ease.
Open Your Figma File โ Launch Figma and open the design file that contains the component you want to detach.
Select the Component Instance โ Click on the component instance that you want to break away from the main component.
Right-Click on the Component โ Right-click on the selected instance to open the context menu.
Choose โDetach Instanceโ โ Click on Detach Instance from the menu. Alternatively, press
Ctrl + Alt + B(Windows) orCmd + Option + B(Mac).Edit Freely โ The component is now detached and turned into regular layers you can edit without affecting the master component.
Done โ Your component is now fully detached and editable.







