Back to Plugins
Contrast Inspector - by Isoflow

Contrast Inspector - by Isoflow

A WCAG contrast checker to audit & fix text layers.

Plugin Preview

Contrast Inspector - by Isoflow preview

About this plugin

Ensure your text is readable and WCAG compliant.


Contrast Inspector is a specialised tool designed to audit typography in your designs. It instantly calculates contrast ratios between text layers and their backgrounds, helping you find and fix readability issues before hand-off.


🎯 Built for Text:

This plugin is specifically designed for visual text contrast. It ensures your typography meets WCAG 2.1 AA & AAA standards. (Note: This tool does not audit code, tab order, or non-text elements.)


🚀 Key Features:

  1. Text-Only Audit: Instantly scans selected frames text that is hard to read.
  2. Smart Typography: It detect “Large text” sizes ( ≥ 18pt or ≥ 14pt Bold) to apply the correct WCAG ratios.
  3. One-Click Fixes: The plugin calculates the nearest passing text colour and automatically detaches styles/variables to prevent overrides.
  4. Handoff Ready: Generate a beautiful summary card to show your team that your design is accessible.
  5. Deep Detachment: Safely applies fixes by handling complex variable bindings and opacity, ensuring your "Fix" stays fixed.


(Note: Currently supports solid text layers; does not support gradients, images, or opacity.)


Designed by Isoflow.

Plugin Details

Version1
CreatedFebruary 12, 2026
Last UpdatedFebruary 12, 2026
CategoryAccessibility tools
CreatorMarette
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none