0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100

Color Blind

Color Blind Simulator in Figma

by Kishan Kankhara

users
29K
likes
329
saves
4.8K
comments
12
FreeWorks inFigma Design
Price
Free
Latest version
v12 · Apr 20, 2026
First published
Jun 6, 2022
Features

What Color Blind does

Summarised from Kishan Kankhara's description on the Figma Community.

  • Steps to Preview

    Select any single frame/group/element.. Open Color Blind Plugin.

  • Steps to Attach Preview

    Select any single frame/group/element.. Open Color Blind Plugin.

  • Algorithm Credits

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

On this page
Overview

About Color Blind

Color Blind is a free Figma plugin published by Kishan Kankhara in 2022. It works in Figma Design and has 28,806 users and 329 likes on the Figma Community. It ranks #12 in Accessibility on our lists.

In the developer's words

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.

Changelog

What's new

Version 12 · released Apr 20, 2026

  • Updated Banner Image
Trust

Permissions and privacy

Network access

Color Blind declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Color Blind ranks

Compare

Color Blind alternatives

  1. 1

    Stark

    by Stark

    577K users10KFree

    Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

  2. 2

    Contrast

    by Alex Carr

    515K users8.3KFree

    Quickly check and scan for contrast issues on gradients, images, blends, and fills.

  3. 3

    A11y

    by Kelly Gorr

    315K users4.7KFree

    Text color accessibility

  4. 92K users814Free + $8/mo upgrade

    Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals)

  5. 5

    Color contrast

    by Aleksandra Walczak

    82K users474Free

    Color contrast checker

  6. 6

    Contrast

    by Roman Nurik

    72K users341Free

    Quickly run a visual contrast report on your design.

FAQ

Color Blind FAQ

What does Color Blind do?

Color Blind Simulator in Figma. It's a Figma plugin by Kishan Kankhara that runs in Figma Design.

Is Color Blind free?

Yes. Color Blind is free to install and run from the Figma Community, with no paid tier listed.

Is Color Blind safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Color Blind declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Color Blind?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Color Blind?

By user count, the closest alternatives are Stark, Contrast by Alex Carr and A11y. Compare all of them on the best Figma plugins for accessibility.

For developers

Built this plugin?

Use this page as a landing page for Color Blind: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Color Blind on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/color-blind/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color Blind on figmaplugins.co" width="220" height="48"></a>