Layer Selector

Figma Plugin

ㅤ

Description

Layer Selector is a powerful Figma plugin designed to supercharge your workflow with advanced layer selection capabilities. Whether you're working with complex designs, organizing component libraries, or cleaning up messy layer hierarchies, this plugin provides intelligent tools to select layers quickly and efficiently.

Instead of manually clicking and holding Shift/Cmd to select multiple layers, Layer Selector automates common selection patterns, saving you time and reducing repetitive strain. Perfect for designers, UI/UX professionals, and anyone working with intricate Figma documents.

ㅤ

Key Capabilities

• Hierarchical Selection: Navigate parent-child relationships instantly
• Sibling Navigation: Select layers above or below your current selection
• Pattern-Based Selection: Choose layers at regular intervals (every 2nd, 3rd, 4th, etc.)
• Smart Inversion: Instantly select everything except your current selection
• Random Selection: Pick a percentage of layers randomly for testing
• Name-Based Search: Find and select layers by searching their names
• Quick Menu Commands: Access common actions directly from Figma's menu

ㅤ

There are two ways to use Layer Selector:

ㅤ

🅰 Via Plugin Panel (Full Features)

1. Select layers in your design

• Click on one or more layers in your Figma canvas or layers panel

ㅤ

2. Open the plugin

• Go to Plugins → Layer Selector → Open Panel in Figma
• A panel will appear on the right side of your screen:

3. Choose your action

• Parent/Child section: Click "Select All Children" or "Select Parent"
• Sibling section: Click "Select Layers Above" or "Select Layers Below"
• Pattern section: Enter your pattern interval (e.g., 2, 3, 4); Enter your offset (usually 0); Click "Select by Pattern"
• Advanced section: Click "Invert Selection" or "Select Random"; For random, adjust the percentage slider;
• Search section: Type a layer name in the search box; Click "Search and Select" or press Enter;

ㅤ

ㅤ4. View results

• The plugin will display a notification showing how many layers were selected
• Your selection in Figma will update immediately

ㅤ

🅱 Via Quick Menu Commands (Fast Access)

For frequently used actions, use the menu commands:

ㅤ

1. Right-click in Figma (go to Plugins → Layer Selector)

ㅤ

2. Choose a command:

• Select All Children: Instantly select children of current layer
• Select Parent: Instantly select parent layer
• Select Layers Above: Select all siblings above
• Select Layers Below: Select all siblings below
• Invert Layer Selection: Invert current selection
• Select Random Layers: Select 50% of layers randomly (default)
• Open Panel: Open the full plugin panel

ㅤ

3. Plugin closes automatically

• Menu commands execute immediately and close the plugin
• No need to manually close anything

Plugin Features

ㅤ

➊ Parent/Child Selection

Select All Children

• What it does: Selects all direct children of the currently selected parent layer(s)
• Use case: Quickly select all items inside a frame, group, or component
• Example: Select a frame containing 50 elements → click "Select All Children" → all 50 elements are now selected

ㅤ

Select Parent Layer

• What it does: Selects the parent layer(s) of your currently selected layer(s)
• Use case: Navigate up the layer hierarchy without scrolling through the layers panel
• Example: Select a nested text element → click "Select Parent" → its containing frame is now selected

➋ Sibling Selection

Select All Layers Above

• What it does: Selects all sibling layers positioned above the current selection in the layers panel
• Use case: Batch-select all layers above a certain point for reordering or grouping
• Example: In a frame with 20 children, select the 10th item → click "Select Layers Above" → items 11-20 are selected

ㅤ

Select All Layers Below

• What it does: Selects all sibling layers positioned below the current selection in the layers panel
• Use case: Quickly select everything below a divider or section marker
• Example: In a frame with 20 children, select the 10th item → click "Select Layers Below" → items 1-9 are selected

➌ Invert Selection

Invert Layer Selection

• What it does: Selects all sibling layers that are NOT currently selected
• Use case: Select everything except certain layers for batch operations
• Example: Select 3 layers you want to keep → click "Invert Selection" → all other sibling layers are selected (ready to delete)

➍ Pattern Selection

Select by Pattern

What it does: Selects layers at regular intervals based on your custom pattern.

ㅤ

Settings:

• Pattern: The interval (e.g., 2 = every 2nd layer, 3 = every 3rd layer)
• Offset: Starting position (0-based index)

ㅤ

Use cases:

• Delete every other layer in a test grid
• Select alternating rows in a table design
• Pick specific items from a repeating pattern

ㅤ

• Example: Pattern=2, Offset=0 → selects 1st, 3rd, 5th, 7th layers...
• Example: Pattern=3, Offset=1 → selects 2nd, 5th, 8th, 11th layers...

➎ Random Selection

Select Random Layers

• What it does: Randomly selects a percentage of sibling layers
• Settings: Percentage (1-100%)

ㅤ

Use cases:

• Create variety in designs by randomly selecting items to modify
• Test designs with partial data
• Generate random layouts

ㅤ

Example: Set 50% → roughly half of the sibling layers are randomly selected

➏ Search and Select by Name

Select by Name

• What it does: Searches the entire page and selects all layers whose names contain your search query
• Use case: Quickly find and select all instances of similarly named layers
• Example: Search "button" → all layers with "button" in their name are selected
• Case-insensitive: Searching "Icon" will match "icon", "Icon", "ICON", etc.

☻ Wrap-up

Whether you're cleaning up design files with hundreds of layers or building complex component systems, these selection tools will save you hours of manual clicking. Combine pattern selection with search and inversion to handle even the most intricate layer management tasks in seconds.

ㅤ

ㅤ