Variable Vision

About this plugin

See Exactly Where Variables Are Used Before You Change Anything

Variable Vision gives design systems teams a fast, file-wide view of variable usage so you can audit confidently, fix drift, and ship cleaner updates.

Scan your selection, current page, or all pages, then go straight from insight to action without leaving the plugin.

Features

1. Scan by scope: `Selection`, `Page`, or `All Pages` (with safety confirmation for large files)
2. Track variable usage across nodes with live indexing and scanning progress
3. See variables grouped by collection with local/remote context
4. Surface orphaned references first so broken links are obvious
5. Rebind orphaned or outdated references in bulk to local or library targets
6. Jump to any result node and navigate across pages automatically when needed
7. Multi-select nodes fast with click, CMD (CTRL on Windows/Linux) toggle, and Shift-range selection
8. Filter by variable type (Color, Number, Text, Boolean) and multi-term search
9. Filter node results by node type and bound property type, then Select All on filtered results
10. Inspect variable values with color previews and mode-aware resolution
11. Find unused local variables grouped by collection
12. Use smart rebind suggestions based on matching names or values
13. Undo rebind actions (best effort) directly in context
14. Copy variable IDs in one click for debugging and migrations

How To Use

1. Choose your scope and run a scan.
2. Pick a variable to inspect all bound nodes and properties.
3. Filter results to isolate exactly what you want to edit.
4. Select affected nodes and run Rebind when you need to migrate, recover, or standardize references.
5. Use Undo Rebind if you need a quick rollback.

Love Variable Vision? Buy me a coffee 🤩