Web Design » Figma » How do I remove a component in Figma?

How do I remove a component in Figma?

Last updated on January 4, 2023 @ 8:52 am

If you need to remove a component from Figma, or simply convert the component to a frame to open more editing options, then there are a few steps you need to follow to do so:

1. Use the Layers section to select the component that you want to remove. Then, press “Delete” on your keyboard. This will completely remove the component in your design. However, if you simply want it to be detached from being a component, then proceed with the next steps.

2. To detach the component, go to Resources > Plugins in the top menu.

PRO TIP: If you are unsure about how to remove a component in Figma, it is best to ask a design team member or consult Figma’s documentation. Removing a component from Figma can potentially break your design, so it is important to be sure before taking this action.

3. Then, search for “detach component” and click on the “Run” button beside the “Detach Component” plugin in the search results.

4. Once done, select the component that you want to convert into a frame and go to Main Menu > Plugins then select the “Detach Component” plugin.

5. Your component is now converted into a frame!


Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.