Back to Plugins
Color Blind

Color Blind

Color Blind Simulator in Figma

visionaccessibilitycolorcolor blindwcag-checkerssimulator

Plugin Preview

Color Blind preview

About this plugin

Using ColorBlind Plugin get accurate and realtime simulation of your designs based on the type of disorder you have selected.


Steps to Preview:

  1. Select any single frame/group/element.
  2. Open Color Blind Plugin.
  3. Select the type of disorder from the dropdown.
  4. Preview your designs.


Steps to Attach Preview:

  1. Select any single frame/group/element.
  2. Open Color Blind Plugin.
  3. Select the type of disorder from the dropdown.
  4. Preview your designs.
  5. Click on "Insert Image"


Algorithm Credits:

  1. https://github.com/MaPePeR/jsColorblindSimulator developed by MaPePeR
  2. Coblis


Do leave your valuable feedback in the comments below and leave a like if the plugin helped you in your design process.


Made with ❤️ in INDIA.

Plugin Details

Version10
CreatedJune 6, 2022
Last UpdatedAugust 29, 2023
CategoryAccessibility tools
CreatorKishan Kankhara
Stats4168 installs, 229 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma