Back to Plugins
Color Blindness Simulator

Color Blindness Simulator

Test your designs across the color vision spectrum

protanopiaaccessibilitycolorblinduniversal designtritanopiacolor valuedeuteranopiasimulatora11y

Plugin 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 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

Version4
CreatedDecember 8, 2024
Last UpdatedDecember 22, 2024
CategoryAccessibility tools
CreatorGanesh Shenoy
Stats95 installs, 11 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none