Back to Plugins
Contrast Matrix for Variables

Contrast Matrix for Variables

Explore accessible color combinations across your Figma variables.

Plugin Preview

Contrast Matrix for Variables preview

About this plugin

Automatically generates a contrast matrix from your color variables, showing all background–text combinations with WCAG ratios and APCA lightness values. Quickly identify accessible pairings and evaluate each color against black and white for reliable design decisions.

Plugin Details

Version1
CreatedApril 22, 2026
Last UpdatedApril 22, 2026
CategoryAccessibility tools
CreatorErik de Vries
Stats10 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/src/ui/ui.html
  • main:dist/src/code/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://uicolors.app/