Skip to content
Color Blindness Simulator

Color Blindness Simulator

by Ganesh

Test your designs across the color vision spectrum

FreeFigma

Installs

526

Likes

54

Users

6,804

Views

4,057

Preview

Color Blindness Simulator 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 all