Color Variable Matcher

About this plugin

Color Variable Matcher scans your selection, finds every detached color, and automatically suggests the closest matching local Variable.

Perfect for cleaning up files before developer handover or refactoring old designs to use Figma Variables.

Key Features:

🎨 Smart Matching: Finds the exact variable or the closest visual match (with a difference indicator).

🔍 Deep Scan: Works on Fills, Strokes, and even Text layers with mixed colors.

🛡️ Opacity Detection: Colors with opacity (e.g., 50%) are automatically detected, flagged with a warning badge, and excluded by default to prevent unwanted visual changes.

👀 Visual Preview: Compare the original color vs. the suggested variable before applying.

⚡ Bulk Action: Replace dozens of colors in a single click.

How to use:

1. Select a Frame, Group, or layers.
2. Run the plugin.
3. Review the suggested matches.
4. Click "Replace Variables".

Feedback is welcome! Please write me to [email protected] to report bugs or report improvements! Thank you!