Back to Plugins
Variables & Styles Organizer - Color Hub

Variables & Styles Organizer - Color Hub

Scan, audit, and fix hardcoded colors by linking them to variables in one click.

Plugin Preview

Variables & Styles Organizer - Color Hub 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

Version2
CreatedApril 24, 2026
Last UpdatedMay 13, 2026
CategoryFile organization plugins
CreatorJos Pham
Stats4 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none