Design Tests – Design QA & Linting

About this plugin

What you can do

1. Define rules that describe what shouldn’t exist in your design
2. Group rules into suites like Typography, Color, Spacing, Accessibility
3. Run all tests or a single rule with one click
4. See a clear health score (0–100%)
5. Click any violation to jump straight to the problem layer on canvas

Catch common design issues

1. Text not using text styles
2. Colors and effects not using styles or variables
3. Font sizes that are too small
4. Inconsistent spacing, padding, or corner radius
5. WCAG contrast issues (AA / AAA)

Starter rule templates are included so you can get value immediately.

Flexible rules, your way

Combine multiple conditions with AND / OR

Set severity: Error, Warning, or Info

Scan the whole document, just the current page, or only selected layers

Choose whether to include hidden layers

Enable or disable rules anytime

Fast, even on large files

Design Tests is built for real projects:

Instant plugin open

Optimized scanning with smart caching

No UI freezing, even on big documents

Shareable reports

Generate a visual report card directly on the canvas

Shows health score, pass/fail counts, and failing rules

Color-coded for quick reviews and handoff

Import & export rules

Save your rules to the file

Export and share rule sets as JSON

Import rules from other projects or teammates

Who it’s for

Design system owners

Product designers working in large files

Teams adopting styles and variables

Anyone who wants consistent, clean Figma files