Color Blindness Simulator
by Ganesh
Test your designs across the color vision spectrum
Installs
526
Likes
54
Users
6,804
Views
4,057
Preview
About this plugin
A powerful tool that simulates different types of color vision deficiencies directly in Figma. Perfect for ensuring your designs are accessible to everyone.
Features:• Simulates 7 types of color vision deficiencies:- Protanopia (Red-blind)- Deuteranopia (Green-blind)- Tritanopia (Blue-blind)- Protanomaly (Red-weak)- Deuteranomaly (Green-weak)- Tritanomaly (Blue-weak)- Achromatopsia (Complete color blindness)How to use:
1. Select any frame, component, or group in your design2. Choose the type of color blindness you want to simulate3. Click 'Simulate' to generate a new frame showing how your design appears to people with that color vision deficiencyThe plugin creates a new frame next to your selection, making it easy to compare the original and simulated versions side by side.
Based on scientifically accurate color transformation matrices, providing realistic simulations that match medical research standards.
Support: https://buymeacoffee.com/ganeshshenoyNote: Works with any frame, component, group, or rectangle containing visual elements.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility