Veris — The AI-powered design audit tool

About this plugin

Veris is a professional-grade design audit plugin that scans your Figma frames and pages in seconds, then gives you a scored, colour-coded report covering every WCAG 2.2 criterion, layout rule, typography standard, colour guideline, and Nielsen heuristic — all in one panel.What Veris checks (90 rules across 6 categories)- Accessibility & Contrast — WCAG 2.2 AA and AAA contrast ratios (1.4.3, 1.4.6, 2.4.11, 2.5.8), touch-target size, focus-state visibility, and keyboard navigation indicators.- Typography — Font size minimums, line-height ratios, letter-spacing, modular scale alignment, all-caps misuse, UX-writing clarity, and jargon detection.- Colour — Colour-only information issues, deuteranopia (red-green colour-blind) simulation, palette consistency, and brand-token drift.- Layout & Spacing — Auto-layout gaps, padding consistency, 8px base-unit alignment, safe-area margins, overflow detection, and Apple HIG / Material Design 3 touch-target rules.- UX Heuristics — Nielsen's 10 usability heuristics (2020 update), Fitts's Law, Hick's Law, Von Restorff effect, peak-end rule, dark-pattern detection, icon-only navigation warnings, and goal-gradient feedback.- Design Library Compliance — Detects unregistered components, size drift from canonical library specs, and detached instances — keeping your team honest about design-system adoption.AI-powered parallel analysisConnect any combination of AI providers using your own API keys — Anthropic Claude, OpenAI GPT-4o, Google Gemini, Groq, OpenRouter, Azure OpenAI, GitHub Models, Mistral, DeepSeek, and more. All enabled providers run simultaneously and each delivers an independent audit summary + additional AI-sourced issues. Your keys never leave your machine.One-click auto-fixSelect any issue (or batch-select multiple) and hit Fix. Veris writes the correction directly to your canvas — colour changes, font-size adjustments, line-height fixes, padding normalization, corner-radius updates — grouped into a single Figma undo step.Canvas annotationsPush numbered severity markers directly onto your Figma canvas with a single click. Errors, warnings, and info items each get a colour-coded badge pinned to the exact node, plus a note-card panel beside your frame for sharing with developers or stakeholders.Audit history & score trendsEvery audit is saved locally. The history view shows a sparkline of your score over time per frame, so you can track quality improvement across sprints without leaving Figma.Visual attention heatmapThe Attention view renders a canvas saliency heatmap showing which parts of your design draw the eye first — useful for validating information hierarchy before a usability test.Export anywhereExport the full audit report as structured JSON (for CI pipelines, Jira tickets, or custom dashboards) or as a formatted PDF ready to share with clients or engineering.17 configurable focus areasScope the audit to exactly what you need: Contrast · Layout · Typography · Colour · Heuristics · Design Library · Accessibility · Touch Targets · Spacing · Animation · Dark Mode · Motion Sensitivity · UX Writing · Iconography · Information Architecture · Data Visualisation · Error Handling.Context-aware rulesVeris detects whether your frame is a mobile screen, tablet, desktop, modal, dashboard, checkout, login, or component sheet — and applies the right rules for each. Touch-target rules do not fire on desktop frames. Component sheets skip palette rules. Mobile loading-state checks only fire when the context expects them.---Perfect for:- Product designers auditing screens before developer handoff- Design systems teams enforcing component library compliance- Accessibility specialists running WCAG 2.2 reviews- UX leads who need a fast quality gate across multiple frames- Agencies delivering accessible, documented design work to clients