Back to Plugins
Contrast Pilot - WCAG for Design Systems

Contrast Pilot - WCAG for Design Systems

WCAG contrast checks with instant annotations — built for design systems at scale.

Plugin Preview

Contrast Pilot - WCAG for Design Systems preview

About this plugin

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: [email protected]

Plugin Details

Version6
CreatedMarch 2, 2026
Last UpdatedMarch 13, 2026
CategoryAccessibility tools
CreatorCyrill
Stats5 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist-plugin/ui.html
  • main:dist-plugin/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none