Back to Plugins
Layerat Contrast

Layerat Contrast

Check WCAG contrast, then apply a passing color only when you say so.

Plugin Preview

Layerat Contrast preview

About this plugin

Layerat Contrast checks text against its real background in your Figma file.Select a text layer, or a frame that contains text. The plugin reads the text fill and the first solid background behind it, then shows the WCAG 2.1 ratio.You get:• Live contrast ratio• AA, AA Large, AAA, AAA Large, and UI (3:1) targets• A preview of the current pair• A suggested foreground that passes by adjusting OKLCH lightness only — hue stays• Apply writes the new color only after you confirm• Scan the selection or page for failing text layersNothing is changed in your file until you click Apply.Built by Layerat. Free, works offline, made for real design-system work.https://www.layerat.com

Plugin Details

Version1
CreatedSeptember 30, 2026
Last UpdatedSeptember 30, 2026
CategoryAccessibility tools
CreatorLAYERAT
Stats0 installs, 0 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Network Access:

    optional outbound link after a report; plugin works offline

  • Editor Types:
    figma
  • Allowed Domains:
    • https://layerat.com
    • https://www.layerat.com