Designa11y Contrast

About this plugin

Designa11y transforms how teams approach accessibility. Our plugins ( Designa11y Contrast and Designa11y Annotator ) provides instant WCAG-aligned annotations, smart color contrast analysis, and clear visual guidance for headings, links, buttons, and images. We believe great design should be inclusive from the start—not an afterthought. By catching accessibility issues early in your design process, we help you create experiences that truly serve all users. Simple tools, meaningful impact.

About Designa11y Contrast:

Designa11y Contrast makes accessibility part of your design process from the start.

It automatically scans text layers in your files to check WCAG-compliant color contrast—directly inside your design workflow.

Whether you’re working on a new UI or updating an existing one, our tools help you design for everyone — and meet WCAG 2.1/2.2 guidelines without slowing you down.

Features:

• Color Contrast Checker – Scan all text layers or selected text to ensure WCAG-compliant contrast ratios.

• WCAG Alignment – See exactly where your design passes or needs improvement.

• Streamlined Workflow – No need to leave Figma — Scan and Fix directly in your file.

Perfect for:

• UX/UI Designers

• Accessibility Specialists

• Design System Teams

Build inclusive, accessible designs from the very first pixel — with Designa11y.