Figma plugin#13 in Accessibility

Use Contrast

Quick access to color contrast ratios from WCAG.

by Henrique Gusso

users
31K
likes
1.3K
saves
8.1K
comments
27
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v10 · Sep 13, 2022
First published
Sep 8, 2022
Publisher
Henrique Gusso
Features

What Use Contrast does

Summarised from Henrique Gusso's description on the Figma Community.

  • https://usecontrast.com/guide

  • Gradients not supported

  • Transparency not supported

  • Object strokes not supported

On this page
Overview

About Use Contrast

Use Contrast is a free Figma plugin published by Henrique Gusso in 2022. It works in Figma Design and has 31,191 users and 1,266 likes on the Figma Community. It ranks #13 in Accessibility on our lists.

In the developer's words

Use Contrast gives you quick access to proper color contrast ratios from the Web Content Accessibility Guidelines (WCAG). Select any text layer or object on the canvas to produce the score. Fine-tune your colors by using the plugin controls.

Learn about WCAG contrast guidelines.

→ https://usecontrast.com/guide

Known Issues

- Gradients not supported

- Transparency not supported

- Object strokes not supported

Changelog

What's new

Version 10 · released Sep 13, 2022

  • Fixed a bug where the background color could be wrong if there was an object directly next to the selection.
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 Use Contrast ranks

Compare

Use Contrast 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

Use Contrast FAQ

What does Use Contrast do?

Quick access to color contrast ratios from WCAG. It's a Figma plugin by Henrique Gusso that runs in Figma Design.

Is Use Contrast free?

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

How do I install Use Contrast?

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

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

Use Contrast on figmaplugins.co

Style

Label

Size

Code

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

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