LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt

How to Make Something Not a Component in Figma



How to Make Something Not a Component in Figma: step-by-step guide

  1. Inside your Figma design canvas, find and choose the component you wish to edit.

  2. After that, right-click on the selection and tap 'Copy'.

  3. Next, right-click anywhere around the canvas to bring out the options once again.

  4. Select 'Paste Here' from the list of options.

  5. Click the newly created duplicate afterwards.

  6. Subsequently, head over to the right-side panel and tap 'More Actions'.

  7. Tap 'Detach Instance' to proceed.

  8. After completing these steps, the duplicate object will no longer be a component. You may now delete the main component and use the duplicate object instead.

Quick answer: To make something not a component in Figma, copy the component, paste a duplicate onto the canvas, select the duplicate, open More Actions in the right-side panel, and click Detach Instance to remove its component status.

About this Figma tutorial

Convert components into regular objects in Figma by copying, pasting, and detaching the instance in the right-side panel. This guide shows how to make Something Not a Component in Figma in 8 steps, starting with "Inside your Figma design canvas, find and choose the component you wish to edit" and finishing with "After completing these steps, the duplicate object will no longer be a component. You m...". 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 make Something Not a Component in Figma?

8 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 Make the Figma Prototype Responsive, How to Make Your Figma Design Interactive and How to Merge Layers in Figma. Last reviewed 05 Oct 2026.

LiveDemo - Open-source alternative to Storylane, Navattic, and Arcade | Product Hunt
🚀

Create your first interactive demo in minutes

No credit card required • Start building today

Start free→

This website uses cookies to enhance the user experience.

AcceptDecline