Contrastr
Smart WCAG Contrast Checker with on-brand suggestions
Plugin Preview
About this plugin
Contrastr is a smart WCAG contrast checker for Figma that doesn’t just flag problems, it intelligently fixes WCAG 2.1 contrast failures using perceptual color science (OKLCH).Instead of generic gray suggestions that break your brand, Contrastr gives you ranked, on-brand alternatives with minimal visual drift so changes feel natural and safe.Most tools only tell you what’s broken. Contrastr tells you exactly which color to use, ranked by visual similarity.── What it does ──• Scan a frame or selection for contrast failures• Get 3 ranked suggestions per failing pair (minimal drift → safe → AAA)• Apply in one click — foreground or background side• Locks brand colors so suggestions never alter them• Detects context: large text, UI components, logos, and decorative layers get the right threshold── Early access ──This is an actively tested build. Core features are complete and verified against real design files. Edge cases may exist, your feedback is welcome and will directly shape what ships next.WCAG 2.1 AA / AAA · OKLCH color space · ΔE-ranked suggestions · Brand color lock
Plugin Details
| Version | 2 |
|---|---|
| Created | May 3, 2026 |
| Last Updated | May 10, 2026 |
| Category | Accessibility tools |
| Creator | Dwiki Arlan |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:src/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.