Contrast Pilot - Contrast Checker for Design Systems

Checking contrast across a design system shouldn't be a clicking marathon. Contrast Pilot makes WCAG 2.1 accessibility audits fast, visual, and actionable, right inside Figma.

Core FeaturesInspect Instantly: Hover over any element to see live AA/AAA contrast ratios using the pixel-level zoom lens.

Smart Annotations: Click to drop native, color-coded badges (Pass/Warning/Fail) directly onto your design. Re-check them all with a single click after updating a layout.

Fix, Don't Just Flag: Found a failing color? Use the built-in Shade Generator to craft accessible alternatives and save them directly as Figma styles or variables.

Audit at Scale: The plugin auto-refreshes as you work, supports pinned backgrounds, and organizes findings in a filterable side panel.

Export the Proof: Download your fully annotated canvas as a high-res image report for seamless dev handoffs.

Quick StartSelect a frameRun Contrast PilotHover, click, export100% Free: No paywalls. If it saves you time, consider buying me a coffee via the link inside.

Support & Feedback: cyrill.wipfli@gmail.com