How can I delete a symbol in Webflow without deleting my original work and create a new symbol from an existing symbol?
TL;DR
- Click the symbol and select "Unlink from symbol" to convert it to editable elements.
- Optionally delete the original symbol from the Symbols panel if no longer needed.
- Select the unlinked elements and create a new symbol with a new name.
To safely delete a symbol in Webflow without removing your original content and create a new symbol from it, follow these structured steps.
1. Unlink the Symbol Before Deleting
- Click on the symbol instance you want to remove or convert.
- In the right-hand menu, click the "Unlink from symbol" icon (broken chain link).
- This will turn the symbol instance back into regular elements on the canvas.
- Your original content will now be editable and independent of the symbol.
2. Delete the Symbol from the Symbols Panel (Optional)
- If you no longer need the symbol at all, go to the Symbols panel (Shift + A, then Symbols tab).
- Find the symbol you want to delete.
- Right-click it and choose Delete.
- This only deletes the symbol definition—not any unlinked content on your pages.
3. Create a New Symbol from Existing Content
- Select the newly unlinked (regular) elements on your canvas.
- Right-click and choose Create Symbol, or click Create Symbol in the toolbar.
- Give it a new name.
- You now have a brand-new symbol based on the existing layout.
Summary
First unlink the symbol to preserve the layout, then either delete the original symbol or repurpose the content by creating a new symbol from it. Unlinking ensures your design remains intact before making changes.
