Design System Auditor
Know your design system's health score in one scan.
Plugin Preview
About this plugin
Design System Auditor scans your Figma file and tells you exactly how consistent it is with your design system — then gives you a single Health Score to track over time.Stop eyeballing files for stray hex codes and off-scale spacing. Run a scan and get a prioritized list of every inconsistency, why it matters, and — where it's safe to do so — a one-click fix.How it worksPick a scope (your current selection, the active page, or the whole file), hit Scan, and the plugin walks every layer locally inside Figma — no upload, no server, no account.What it checks🎨 Colors — hard-coded fills/strokes, near-duplicate colors, colors that should be using a style or variable, unused Paint Styles🔤 Typography — inconsistent font sizes/families/weights, text not linked to a text style, an exploding number of one-off type combinations📐 Spacing — Auto Layout gaps and padding that don't match your spacing scale🏷️ Naming — "Frame 128," "Rectangle 12," and friends; duplicate sibling names; components that break your naming convention🧩 Components (Pro) — duplicated component patterns that should be one component set, ungrouped variants, bloated variant counts, possible detached instances🔗 Variables (Pro) — hard-coded values that match an existing variable, unused variables, near-duplicate variables, inconsistent naming♿ Accessibility (Pro) — WCAG contrast ratios, undersized text, small touch targets — clearly labeled Pass/Warning/Fail with an honest note on what's automated vs. what needs a human lookYour Health ScoreOne number, 0–100, broken down by category — Excellent, Good, Needs Attention, or Critical — so you can watch it improve (or catch regressions) scan over scan.Fully configurableSet your own color swatches, type scale, spacing scale, and naming convention in Settings. The audit checks against your design system, not a generic default.Safe by designNothing is ever changed automatically. Every fix is deterministic (like rounding 17px to your nearest scale value of 16px) and requires an explicit confirmation before anything touches your file. Undo works exactly like it always does — Cmd/Ctrl+Z.Privacy firstYour design data never leaves Figma. No network requests, no analytics, no third-party AI. The only thing stored is your own design-system settings, saved locally via Figma's own storage.
Plugin Details
| Version | 6 |
|---|---|
| Created | August 13, 2026 |
| Last Updated | August 19, 2026 |
| Category | Software development |
| Creator | Luma |
| Stats | 1 installs, 1 likes |
| Pricing | Paid |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code