For colorblind designers

Design confidently,
even with color blindness.

Upload a screenshot and see exactly how most users perceive your work — with prioritized fixes that keep your colors intact.

Scan your design → See how it works
Want your designs to work for colorblind users? Try this instead →
Deuteranopia
Protanopia
Tritanopia
Achromatopsia
What you get

Tools built around
how you see the world.

Visibly is built for colorblind designers who want to ship work that lands the way they intended it — for everyone.

See through every lens
Your actual uploaded design simulated across 5 colorblind vision types side by side. Deuteranopia, protanopia, tritanopia, deuteranomaly, and achromatopsia — using clinically-derived color filters.
Clarity score
A 0–100 score with a human label — "Looking great", "Almost there", "Needs work." Broken down across emphasis, harmony, status meaning, and palette range.
Fix checklist
Issues ranked high, medium, low — with checkboxes to track progress. Each fix shows the perceptual gap: what you see vs what most users see, with a direct hex swap you can copy straight into Figma.
Color fixes — same hue
Better versions of the colors you already chose — not a palette replacement. If you used blue, you get a better blue. Your brand stays intact. Each fix is one copy away from Figma.
Grayscale simulation
See which of your colors collapse to the same gray value — critical for print, photocopied materials, and low-vision contexts. Color pairs that match in grayscale are flagged with warnings.
Figma plugin — coming soon
Scan directly from your canvas without leaving Figma. Token-level fixes, component breakdowns, and Systemly integration.
How it works

Upload your design.
See it through fresh eyes.

Three steps to understand exactly how the rest of the world experiences your work.

1
Upload your design
Drop in any screenshot — your app, a client project, a side piece. PNG, JPG, or WebP. No account, no setup.
2
Get your clarity score
Visibly analyzes your design and scores it 0–100. You see a ranked fix checklist, a perceptual gap breakdown, and your real design simulated through 5 colorblind vision types.
3
Fix it and ship
Each fix shows the exact hex to swap — same hue, better contrast. Copy it straight to Figma. Tick off fixes as you go and rescan to confirm.
Coming soon

Catch issues while you design,
not after.

The Visibly Figma plugin brings the full audit directly into your canvas. Get real-time colorblind feedback on components, catch token-level failures before they ship, and generate safe alternatives without leaving Figma.

Install Figma plugin Soon

In the meantime, use the screenshot scanner above — it's free and works on any design.

For non-colorblind designers

Make your designs work
for colorblind users.

This mode is coming soon. Upload your design and get specific guidance on making it accessible to the 300 million people worldwide with color vision deficiency.

Coming soon