Save Selection
Figma Plugin
ㅤ
Description
Save Selection is a productivity tool for Figma that helps designers work more efficiently by preserving and managing frequently used selections of design elements. Whether you're working with complex designs, maintaining design systems, or frequently switching between different sets of elements, this plugin streamlines your workflow by letting you save selections and restore them with a single click.
ㅤ
Key Features
- Save Selections: Save any combination of selected nodes with custom names
- Quick Restore: Instantly restore saved selections with one click
- Append Mode: Add saved selections to your current selection
- Rename: Easily rename your saved selections for better organization
- Duplicate: Create copies of saved selections
- Delete: Remove selections you no longer need
- Update: Modify existing selections with new elements
- Multi-Page Support: Works seamlessly across different pages in your Figma file
- Clear All: Remove all saved selections at once
➊ Getting Started
1. Install the Plugin
- Open Figma
- Go to Menu → Plugins → Browse plugins in Community
- Search for "Save Selection"
- Click "Install"
ㅤ
2. Open the Plugin
- Select Menu → Plugins → Save Selection
- Or use the Quick Actions menu (Ctrl/Cmd + /)
- The plugin window will appear with multiple options:
ㅤ
ㅤ
➋ Saving Your First Selection
1. Select Elements
- Click and drag to select one or more elements on your canvas
- Or use Shift+Click to select multiple elements
- All elements must be on the current page
ㅤ
2. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
3. Save the Selection
- Enter a descriptive name for your selection (optional)
- If no name is provided, it will automatically be named "New Selection 1", "New Selection 2", etc.
- Click the "Save Selection" button
➌ Loading a Saved Selection
1. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
2. Browse Your Selections
- Your saved selections appear in a list
- Each entry shows:
• Selection name
• Number of elements on the current page
• Total number of elements
• Page name (if elements are on a different page)
ㅤ
3. Load a Selection
- Click on any saved selection in the list
- The plugin will:
• Switch to the page containing the elements (if needed)
• Select all available elements
• Zoom to fit the selection in view
➍ Appending to Current Selection
1. Select Some Elements (optional)
- You can start with an existing selection
ㅤ
2. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
3. Append Mode
- Hold Shift and click on a saved selection
- Elements from the saved selection will be added to your current selection
- Only elements on the current page will be added
- Duplicates are automatically filtered out
➎ Renaming a Selection
1. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
2. Rename
- Click the any saved selection name
- Enter a new name
- Press Enter or click outside to confirm
➏ Updating a Selection
1. Select New Elements
- Select the elements you want to save
ㅤ
2. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
3. Update
- Find the selection you want to update
- Click the refresh icon next to it
- The selection will be updated with your current selection
- You'll see a confirmation: "Selection updated"
➐ Duplicating a Selection
1. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
2. Duplicate
- Find the selection you want to duplicate
- Click the duplicate icon
- A copy will be created with " copy" appended to the name
- You'll see a confirmation: "Selection duplicated"
➑ Deleting a Selection
1. Open the Plugin
- Go to Plugins → Save Selection
ㅤ
2. Delete
- Find the selection you want to remove
- Click the trash icon next to it
- The selection will be permanently deleted
- You'll see a confirmation: "Selection deleted"
ㅤ
3. Delete All Selections
- Click the "Clear All" button in the footer
- Confirm the action in the dialog that appears
- All saved selections will be permanently removed
- You'll see a confirmation: "All selections cleared"
Summary
With Save Selection, you can significantly speed up your design workflow by eliminating repetitive selection tasks and organizing complex projects more efficiently. The plugin acts as a bookmark system for your design elements, letting you jump between different parts of your work instantly.
Start saving your first selections today and experience a more streamlined Figma workflow.
ㅤㅤ
