Contrast Pilot - WCAG for Design Systems
WCAG contrast checks with instant annotations — built for design systems at scale.
Plugin 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
| Version | 6 |
|---|---|
| Created | March 2, 2026 |
| Last Updated | March 13, 2026 |
| Category | Accessibility tools |
| Creator | Cyrill |
| Stats | 5 installs, 1 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥