Delete Hidden Layers

Figma Plugin

ㅤ

Description

Delete Hidden Layers scans your selected Figma elements and finds all hidden layers nested within them. The plugin provides an interactive interface where you can:

• View all hidden layers in a scrollable list with their names
• Selectively skip items by clicking on them (they'll be marked with a dashed border)
• Delete hidden layers to clean up your design files
• Make layers visible if you want to restore them instead of deleting

ㅤ

This is especially useful for:

• Cleaning up messy design files with forgotten hidden elements
• Preparing files for handoff by removing unnecessary hidden layers
• Auditing your designs to see what's been hidden
• Batch operations on multiple hidden layers at once

ㅤ

ㅤ

Using the Plugin

ㅤ

➊ Select Your Elements

1. Open your Figma file
2. Select one or more frames, groups, or components that you want to scan for hidden layers
3. You can select multiple items at once - the plugin will scan all of them

Tip: Select a top-level frame to scan everything within it, or select specific elements for more targeted scanning.

➋ Run the Plugin

1. Go to Plugins in the Figma menu (or right-click and select Plugins)
2. Find and click Delete Hidden Layers
3. The plugin window will open and automatically scan your selection

➌ Review Hidden Layers

The plugin will display a list of all hidden layers found within your selection:

• Each item shows the layer name
• An eye icon appears next to each item
• The count of hidden items is shown at the top of the list

If no hidden layers are found, you'll see a message saying "No hidden items found in the selection."

➍ Choose Which Layers to Process (Optional)

By default, all hidden layers will be processed. To skip specific layers:

1. Click on any layer in the list to skip it
2. Skipped layers will:Show a dashed borderDisplay a "hidden eye" iconAppear dimmed
3. Click again to un-skip the layer

Tip: This is useful when you want to keep certain hidden layers (like backup versions or reference elements) while removing others.

➎ Take Action

Choose one of two actions:

ㅤ

Option 🅰: Delete Hidden Layers

1. Click the "Delete Hidden Layers" button (red)
2. All non-skipped hidden layers will be permanently deleted
3. A success message will show how many items were deleted
4. The list will refresh to show any remaining hidden layers

ㅤ

Option 🅱: Make Visible

1. Click the "Make Visible" button (blue)
2. All non-skipped hidden layers will be made visible
3. A success message will show how many items were made visible
4. The list will refresh to show any remaining hidden layers

☻ Common Workflows

ㅤ

🅰 Clean Up Entire File

1. Select your main frame or page
2. Run the plugin
3. Review the list of hidden layers
4. Click "Delete Hidden Layers" to remove them all

ㅤ

🅱 Selective Cleanup

1. Select your elements
2. Run the plugin
3. Click on layers you want to keep (to skip them)
4. Click "Delete Hidden Layers" to remove only the non-skipped items

ㅤ

🅲 Restore Hidden Layers

1. Select your elements
2. Run the plugin
3. Review what's hidden
4. Click "Make Visible" to restore all hidden layers

ㅤ

🅳 Audit Before Handoff

1. Select your design frames
2. Run the plugin
3. Review the list to see what's hidden
4. Decide whether to delete, make visible, or leave as-is

That's all there is to it! Delete Hidden Layers gives you complete control over hidden elements in your Figma files, making cleanup and file management effortless.

Whether you're tidying up before a handoff or just maintaining cleaner design files, this plugin streamlines the process with a simple, visual interface.

ㅤ

ㅤ