Layer Selector

About this 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

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

Functionality

➊ Parent/Child Selection

Select All Children

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

ㅤ

Select Parent Layer

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

ㅤ

ㅤ

➋ Sibling Selection

ㅤ

Select All Layers Above

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

ㅤ

Select All Layers Below

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

ㅤ

ㅤ

➌ Pattern Selection

Select by Pattern

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

Settings:

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

Use cases:

1. Delete every other layer in a test grid
2. Select alternating rows in a table design
3. Pick specific items from a repeating pattern

ㅤ

ㅤ

➍ Invert Selection

Invert Layer Selection

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

ㅤ

ㅤ

➎ Random Selection

Select Random Layers

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

Use cases:

1. Create variety in designs by randomly selecting items to modify
2. Test designs with partial data
3. Generate random layouts

Example:

1. Set 50% → roughly half of the sibling layers are randomly selected

ㅤ

ㅤ

➏ Search and Select by Name

Select by Name

1. What it does: Searches the entire page and selects all layers whose names contain your search query
2. Use case: Quickly find and select all instances of similarly named layers

Example:

1. Search "button" → all layers with "button" in their name are selected
2. Case-insensitive: Searching "Icon" will match "icon", "Icon", "ICON", etc.

ㅤ

ㅤ

☻ How to Use

🅰 Via Plugin Panel (Full Features)

1. Open the plugin
2. Go to Plugins → Layer Selector → Open Panel in Figma
3. A panel will appear on the right side of your screen
4. Select layers in your design
5. Click on one or more layers in your Figma canvas or layers panel
6. Choose your action
7. Parent/Child section: Click "Select All Children" or "Select Parent"
8. Sibling section: Click "Select Layers Above" or "Select Layers Below"
9. Pattern section:
10. Enter your pattern interval (e.g., 2, 3, 4)
11. Enter your offset (usually 0)
12. Click "Select by Pattern"
13. Advanced section:
14. Click "Invert Selection" or "Select Random"
15. For random, adjust the percentage slider
16. Search section:
17. Type a layer name in the search box
18. Click "Search and Select" or press Enter
19. View results
20. The plugin will display a notification showing how many layers were selected
21. 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 (or go to Plugins → Layer Selector)
2. Choose a command:
3. Select All Children: Instantly select children of current layer
4. Select Parent: Instantly select parent layer
5. Select Layers Above: Select all siblings above
6. Select Layers Below: Select all siblings below
7. Invert Layer Selection: Invert current selection
8. Select Random Layers: Select 50% of layers randomly (default)
9. Open Panel: Open the full plugin panel
10. Plugin closes automatically
11. Menu commands execute immediately and close the plugin
12. No need to manually close anything

Need more design tools? Visit Samolevsky.com to discover more plugins and resources.

ㅤ

ㅤ