Style Matcher Pro - Smart Design System Fixer

About this plugin

Stop hunting for hex codes! Style Matcher Pro is the ultimate tool to clean up your design files, audit your consistency, and enforce your Design System rules.

Do you have a project full of detached colors, raw text layers, or unlinked effects? Style Matcher Pro scans your selection, analyzes the raw values using modern perceptual algorithms, and intelligently proposes the closest matching Local Style from your library.

🚀 What’s New in This Version?

Next-Gen Color Engine: We upgraded from legacy algorithms to Oklab and OKLCH. The plugin now perceives color nuances exactly like the human eye does, offering "Balanced" or "Strict Hue" modes.

Exception Management (Ignore List): Don't want to style #FFFFFF or specific helper texts? Right-click or use the menu to add them to your "Ignore List." The plugin will remember your preferences and skip them in future scans.

Non-Blocking Performance: Enhanced for large files. Scan thousands of layers with a live progress bar without freezing Figma.

🔥 Key Features

🎨 Perceptual Color Matching: Finds the most accurate match for Fills and Strokes independently. Choose between Oklab (Balanced) for general use or OKLCH (Strict) for precise hue sensitivity.

🛡️ Exception Control: Fully manage exceptions for Colors, Typography, and Effects. Keep your audit clean by ignoring intentional raw values.

🔠 Smart Typography: Detects font family, weight, size, and line heights. Smart enough to handle text layers with "Mixed" properties within a single paragraph.

🎛️ Opacity Tolerance: You decide the strictness. Use the slider to ignore slight alpha differences (1-10%) or demand pixel-perfect 100% matches.

⚡ Batch Operations: Link hundreds of layers to your design system in one click, or detach them all just as fast.

🔍 Deep Scanning: Flexible scope options: Scan only your Selection, the active Page, or the entire Document.

👀 Live Preview: Hover over a suggestion to instantly see the change on your canvas before applying it.

How to use:

Select the frames or layers you want to audit.

Run Style Matcher Pro.

Scan: The plugin finds detached styles instantly.

Review: Use the side-by-side comparison to see the raw value vs. the proposed style.

Refine: Add unwanted suggestions to the "Exception List" or adjust the Opacity Tolerance.

Match: Click the "Link" icon to fix individually or "Match All" to standardize everything instantly.