Figma plugin#9 in Accessibility

Contrast Checker

Check contrast in your UI design

by Lucas Amorim

users
55K
likes
188
saves
5K
comments
6
Open in Figma
FreeWorks inFigma DesignFigJam
Price
Free
Latest version
v1 · Jan 14, 2023
First published
Jan 12, 2023
Publisher
Lucas Amorim
On this page
Overview

About Contrast Checker

Contrast Checker is a free Figma plugin published by Lucas Amorim in 2023. It works in Figma Design and FigJam and has 55,091 users and 188 likes on the Figma Community. It ranks #9 in Accessibility on our lists.

In the developer's words

Check contrast in your UI design based on Contrast Success Criteria 1.4.3 and 1.4.6 of the Web Content Accessibility Guideline (WCAG).

How it works:

  1. Select colors;
  2. Confirm the colors;
  3. The application will inform you if the contrast is good for normal sized texts and large text (above 18 points);
  4. The reset button clears the interface, but it doesn't need to be pressed for you to recheck.

For informational purposes:

  1. Level A: Bad, ineffective;
  2. Level AA: Good, effective;
  3. Level AAA: Great, excellent.

Created as an object of study.

Changelog

What's new

Version 1 · released Jan 14, 2023

The developer didn't publish release notes for this version.

Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

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

Read from the plugin's published manifest.

Rankings

Where Contrast Checker ranks

Compare

Contrast Checker alternatives

  1. 1

    Stark

    by Stark

    597K users10KFree

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

    View details
  2. 2

    Contrast

    by Alex Carr

    527K users8.5KFree

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

    View details
  3. 3

    A11y

    by Kelly Gorr

    322K users4.8KFree

    Text color accessibility

    View details
  4. 4

    Able

    by Sondre Kvam

    144K users2.6KFree
    View details
  5. 5

    Color Blind

    by Sam Mason de Caires

    110K users1.9KFree
    View details
  6. 6

    UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites

    by Aurélien Grimaud

    96K users829Free + $5/mo upgrade

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

    View details
FAQ

Contrast Checker FAQ

What does Contrast Checker do?

Check contrast in your UI design. It's a Figma plugin by Lucas Amorim that runs in Figma Design and FigJam.

Is Contrast Checker free?

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

How do I install Contrast Checker?

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 Contrast Checker?

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 Contrast Checker: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Contrast Checker on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/contrast-checker/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Contrast Checker on figmaplugins.co" width="220" height="48"></a>

Want it featured on figmaplugins.co? Submit it for review