Color Blindness Simulator
Test your designs across the color vision spectrum
Plugin 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 design
2. Choose the type of color blindness you want to simulate
3. Click 'Simulate' to generate a new frame showing how your design appears to people with that color vision deficiency
The 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/ganeshshenoy
Note: Works with any frame, component, group, or rectangle containing visual elements.
Plugin Details
Version | 4 |
---|---|
Created | December 8, 2024 |
Last Updated | December 22, 2024 |
Category | Accessibility tools |
Creator | Ganesh Shenoy |
Stats | 210 installs, 24 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥