{"schema":"https://www.layerpath.com/schemas/public-document/v1","version":1,"id":"/learn/how-to-remove-component-figma","route":"/learn/how-to-remove-component-figma","canonical":"https://www.layerpath.com/learn/how-to-remove-component-figma","title":"How to Remove Component Figma","h1":"How to Remove Component Figma","description":"Discover the step-by-step guide on how to remove components in Figma. Simplify your design process and enhance your workflow with our expert tips.","archetype":"tutorial","blocks":[{"type":"heading","depth":1,"children":[{"type":"text","value":"How to Remove Component Figma"}]},{"type":"paragraph","children":[{"type":"text","value":"This guide provides a step-by-step process on how to remove a component in Figma. Follow these steps carefully to successfully remove any component from your Figma project."}]},{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99ya8kb000kl50cnzwdtp9z/tour","canonicalUrl":"https://share.layerpath.com/e/cm99ya8kb000kl50cnzwdtp9z/tour","id":"cm99ya8kb000kl50cnzwdtp9z"},{"type":"list","ordered":true,"items":[{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Select the Component"}]},{"type":"text","value":" – Click on the component you want to remove."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Right-Click the Component"}]},{"type":"text","value":" – A menu will appear with various options."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Choose “Detach Instance”"}]},{"type":"text","value":" – This turns the component into a regular frame (only if it's an instance)."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Press Delete Key"}]},{"type":"text","value":" – Once detached or if already a main component, press "},{"type":"inlineCode","value":"Delete"},{"type":"text","value":" or "},{"type":"inlineCode","value":"Backspace"},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"To Delete from Assets Panel"}]},{"type":"text","value":" – Go to the "},{"type":"strong","children":[{"type":"text","value":"Assets"}]},{"type":"text","value":" tab, right-click the main component, and select "},{"type":"strong","children":[{"type":"text","value":"“Delete”"}]},{"type":"text","value":"."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Check for Reuse"}]},{"type":"text","value":" – Make sure it’s not being used elsewhere, as deleting a main component affects all instances."}]}]},{"children":[{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"Undo If Needed"}]},{"type":"text","value":" – Press "},{"type":"inlineCode","value":"Ctrl+Z"},{"type":"text","value":" (or "},{"type":"inlineCode","value":"Cmd+Z"},{"type":"text","value":" on Mac) to reverse the deletion."}]}]}]}],"tours":[{"type":"layerpathTour","sourceUrl":"https://share.layerpath.com/e/cm99ya8kb000kl50cnzwdtp9z/tour","canonicalUrl":"https://share.layerpath.com/e/cm99ya8kb000kl50cnzwdtp9z/tour","id":"cm99ya8kb000kl50cnzwdtp9z"}],"plainText":["How to Remove Component Figma","This guide provides a step-by-step process on how to remove a component in Figma. Follow these steps carefully to successfully remove any component from your Figma project.","https://share.layerpath.com/e/cm99ya8kb000kl50cnzwdtp9z/tour","Select the Component – Click on the component you want to remove.\nRight-Click the Component – A menu will appear with various options.\nChoose “Detach Instance” – This turns the component into a regular frame (only if it's an instance).\nPress Delete Key – Once detached or if already a main component, press Delete or Backspace.\nTo Delete from Assets Panel – Go to the Assets tab, right-click the main component, and select “Delete”.\nCheck for Reuse – Make sure it’s not being used elsewhere, as deleting a main component affects all instances.\nUndo If Needed – Press Ctrl+Z (or Cmd+Z on Mac) to reverse the deletion."]}