Variables & Styles Organizer - Color Hub
Scan, audit, and fix hardcoded colors by linking them to variables in one click.
Plugin Preview
About this plugin
Variables & Styles Organizer - Color Hub helps you audit and clean up color usage across your Figma file - fast.🔍 WHAT IT DOESScans every visible layer on the page (or just your selection) and groups colors by their hex value. For each color, it shows which variables are linked, which usages are hardcoded, and whether duplicate variables exist that should be merged.✅ KEY FEATURESDetect hardcoded colors - find all fills, strokes, and text colors not linked to any variableSeparate text fill / fill / stroke - unlinked usages are grouped by property type so you can select and fix them independentlyAuto-suggest variables - if a local variable with the same value exists, the plugin suggests it instantlyApply in one click - link all unlinked usages of a color to a variable without touching each layer manuallyDetect duplicate variables - multiple variables sharing the same hex value are flagged for mergingMerge variables - replace all usages of one variable with another in one actionSelect all nodes - bulk-select every node using a specific color property to apply changes manuallySkips hidden layers - only visible content is scanned🎯 WHO IT'S FORDesigners cleaning up a design system, migrating hardcoded colors to variables, or auditing files before handoff.100% free. No account required. Runs entirely within Figma - no external servers.
Plugin Details
| Version | 2 |
|---|---|
| Created | April 24, 2026 |
| Last Updated | May 13, 2026 |
| Category | File organization plugins |
| Creator | Jos Pham |
| Stats | 4 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the File organization plugins category.