morekid / select-all-instances

Swiss army knife for component instance inspection and selection in Figma.

Select all instances

Swiss army knife for component instance inspection and selection.

Try it out: Figma Plugin - Select all instances

Features

• Flexible instance selection: adjust the filters > select all instances.
• Inspect main component info for each instance: local/remote, existing/missing.
• Search by term: exact match with "term" or "term).
• Search in current selection to find children instances for any node type: sections, frames, etc.
• Filter out nested instances: allows working only with instances inside main components, so that nested ones can inherit the changes without overrides.*
• Filter visible/hidden instances.
• Filter up-to-date/outdated instances.
• Filter local/remote components.
• Filter missing/existing components.

Dev

Run:

npm install

Build:

npm run build

Watch:

npm run watch

---

Linting:

trunck check

--

LICENSE: Select all instances © 2020 by Daniele De Matteis is licensed under CC BY-NC-ND 4.0

select-all-instances's Issues

List across all pages

This could lead to huge unwieldy lists.

Improve main comp props

Improve main component property harvesting: private/missing, published.

Improve counter display

Show total instances vs currently listed, show how many instances among selected nodes.

Reduce async calls load

As per title, large files might spawn a huge amount of async calls.

Allow for cancelling.

Search input sanitization

Investigate reqs, handle "/" and other ambiguous chars.

Optimize

• Cache the instance list on first load and any document change.
• Execute filtering and operations on the cache.
• Reduce document queries.