Color Blind
Accessibility
Simulator
See your Figma designs through the eyes of 300M+ color-blind users without leaving your canvas. Instant simulations, WCAG contrast checks, and batch export.
Eight features.
One free plugin.
Everything you need to design for color-blind users from real-time simulation to WCAG-compliant contrast verification ships in the plugin at no cost.
4 CVD Types
Protanopia, deuteranopia, tritanopia, and achromatopsia all simulated with scientifically accurate Machado (2009) matrices.
Adjustable Severity
Slide from 0% (normal vision) to 100% (full deficit). Every intermediate stage is physically interpolated, not guessed.
Side-by-Side Preview
Original and simulated panels update live as you adjust settings no re-processing, no waiting.
WCAG Contrast Checker
Automatically walks every text node and checks AA / AAA / AA-large pass/fail evaluated under the active CVD simulation.
Batch Export All 4
Place all four CVD simulations in a row on your canvas with one click. Perfect for design documentation and handoff.
Apply to Canvas
Write the simulated version directly into your Figma file as a new layer. Keep it for reference or share with stakeholders.
Persistent Settings
Remembers your last CVD type and severity between Figma sessions pick up exactly where you left off.
Full Web Tool
Links directly to DeficiencyView.com for full-screen analysis, URL simulation, and richer accessibility reports.
Up and running
in 30 seconds.
Select a frame
Click any frame, component, or image in your Figma canvas. Works with any layer type.
Open the plugin
Launch from Plugins menu. A live before/after preview appears instantly no waiting.
Adjust & explore
Pick a CVD type, drag the severity slider, and watch the simulation update in real time.
Export or apply
Click Apply to Canvas or Batch Export to place simulations directly in your Figma file.
Which types does
the plugin simulate?
All four clinically recognized types of color vision deficiency, powered by the Machado et al. (2009) transformation matrices.
Protanopia
The long-wavelength (red) cone is absent. Reds appear dark or black; red-green contrast collapses entirely.
Deuteranopia
The medium-wavelength (green) cone is absent. The most common CVD type greens and reds become indistinguishable.
Tritanopia
The short-wavelength (blue) cone is absent. Blues appear greenish; yellows shift toward violet or pink.
Achromatopsia
Complete absence of cone function only luminance contrast is visible. Everything is rendered in grayscale.
Research-grade
color transforms.
The simulation engine uses the Machado, Oliveira & Fernandes (2009) color transformation matrices the same methodology referenced in academic CVD research, Adobe Photoshop, and professional accessibility tooling worldwide.
Severity interpolation linearly blends the identity matrix with the full CVD matrix, so every intermediate value between 0% and 100% is physically accurate not approximated.
Contrast failures
colorblind users see.
The built-in contrast checker walks every text layer in your selection and tests it against WCAG 2.1 thresholds but evaluated under the active CVD simulation. Catch failures that normal contrast tools miss entirely.
- AA
Minimum standard
4.5:1 ratio for normal text, 3:1 for large text (≥18pt or 14pt bold). Required for WCAG 2.1 Level AA.
- AA-LG
Large text threshold
3:1 ratio applies to text at 18pt regular or 14pt bold. The plugin auto-detects this and applies the correct threshold.
- AAA
Enhanced standard
7:1 ratio the highest WCAG tier. Exceeding this ensures excellent legibility for people with severe color vision deficiency.
Design for
everyone.
Starting now.
No account. No subscription. No data leaves your Figma file. Just install and start designing more inclusively.