0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#6 in Accessibility

Contrast by Roman Nurik

Quickly run a visual contrast report on your design.

by Roman Nurik

users
72K
likes
341
saves
18K
comments
14
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v4 · Nov 3, 2023
First published
Nov 19, 2020
Publisher
Roman Nurik
Features

What Contrast does

What the plugin declares in its manifest.

  • Manifest

    Generate contrast report

    A quick action you can run from the Actions menu (Cmd/Ctrl + K).

On this page
Overview

About Contrast by Roman Nurik

Contrast is a free Figma plugin published by Roman Nurik in 2020. It works in Figma Design and has 72,358 users and 341 likes on the Figma Community. It ranks #6 in Accessibility on our lists.

In the developer's words

Contrast lets you quickly run a AA or AAA type contrast report on all text across all your artboards at once. Simply select a few layers and run the command to see your report.

See the code or file a bug on GitHub

Changelog

What's new

Version 4 · released Nov 3, 2023

  • Add network access information + fix window resize issue
Trust

Permissions and privacy

Network access

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

Compare

Contrast 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

    View details
  2. 2

    Contrast

    by Alex Carr

    515K users8.3KFree

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

    View details
  3. 3

    A11y

    by Kelly Gorr

    315K users4.7KFree

    Text color accessibility

    View details
  4. 4

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

    by Aurélien Grimaud

    92K users814Free + $8/mo upgrade

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

    View details
  5. 5

    Color contrast

    by Aleksandra Walczak

    82K users474Free

    Color contrast checker

    View details
  6. 6

    Contrast Checker

    by Lucas Amorim

    54K users186Free

    Check contrast in your UI design

    View details
FAQ

Contrast FAQ

What does Contrast do?

Quickly run a visual contrast report on your design. It's a Figma plugin by Roman Nurik that runs in Figma Design.

Is Contrast free?

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

Is Contrast safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Contrast 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 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 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 Contrast: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Contrast by Roman Nurik on figmaplugins.co

Style

Label

Size

Code

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