Read the layer as it exists.
Foreground, background, alpha, and blend layers are resolved before a ratio is calculated.
Canvas activities
The result does not stay inside the panel.
Badges, heatmaps, vision previews, and fixes appear where the design work is happening: directly around the nodes on your Figma canvas.
Landing / Hero Section
460 × 290
Acme Studio
Features
Docs
Pricing
Sign In
Product update
7.2:1
Pass
Build accessible experiences effortlessly.
A clearer interface begins with text everyone can read.
2.8:1
Fail
3.4:1
Review gradient
Landing / Hero Section
460 × 290
Heatmap 50%
Acme Studio
Features
Docs
Pricing
Sign In
Pass · 12.4:1
Product update
Build accessible experiences effortlessly.
A clearer interface begins with text everyone can read.
Fail · 2.4:1
Review · 3.8:1
Metric / Original
Active Users
+18.4%
24,850
Normal spectrum
Metric / Protan
Active Users
+18.4%
24,850
Protanopia simulated
Metric / Deuter
Active Users
+18.4%
24,850
Deuteranopia simulated
Subtitle · Before
210 × 175
T Subtitle Text
Readable by design.
Low-contrast supporting text.
#94A3B8
2.8:1 Fail
+2.6:1 gain
Subtitle · Smart Fix
210 × 175
T Subtitle Text
Readable by design.
Corrected supporting text.
#475569
5.4:1 Pass AA
Inside the engine
A contrast result you can trace.
Scroll through one text layer as TintSense resolves its appearance, measures the contrast, and turns the result into a useful decision.
Reduce the pair to a readable signal.
4.54:1, relative luminance compared against the selected text target.
Show the next honest decision.
Pass · AA for normal text. Unsupported or changing backgrounds remain needs review instead of becoming a false pass.
01 / CAPABILITIES & ARCHITECTURE
Serious contrast tools. No separate workflow.
Scan, inspect, and fix text contrast without leaving Figma. Each result stays connected to the layer, source color, and canvas context that produced it.
Scan the selection.
Check selected frames and nested text in one pass, then review grouped pass, fail, and needs-review results.
Selected layer
4.54:1
WCAG AA for this example layer. Open any result to inspect its ratio, target, and source colors.
Preview three vision scenarios.
Compare protanopia, deuteranopia, and tritanopia while you design.
Fix without losing the source.
Review a nearby WCAG-compliant text color before applying it. Variable-bound layers are never silently unbound.
THE DIFFERENCE IS READABLE
A subtle shift.
A noticeable difference.
Smart Fix suggests a text color that meets your target. Review the change before you apply it, with style and variable sources kept in view.
Take a look in FigmaBEFORE2.32:1 · Fail
Made to be read.
#AAAAAA on #FFFFFFAFTER4.54:1 · Pass
Made to be read.
#767676 on #FFFFFF02 / SIMPLE PRICING
A useful free tool.
A little more with Pro.
Start with the essentials.
Upgrade with a yearly payment.
Free
THE EVERYDAY ESSENTIALS$0 forever
- WCAG 2.1 AA / AAA contrast checks
- Batch scans and custom ratio targets
- Canvas badges and Mini Mode
Pro
THE COMPLETE TOOLKIT$39.99 yearly
- Everything in Free
- Heatmaps and color-vision simulation
- Text-contrast score and linear gradient analysis
- Style-aware Smart Fix
- HTML, CSV, and JSON exports
What does TintSense actually check?
Text contrast on the selected frames. It evaluates WCAG 2.1 contrast for text against the resolved background. It does not audit keyboard access, names, or motion. Unsupported backgrounds return needs-review instead of inventing a pass.
Is the score an accessibility rating?
No. The Pro score is a weighted score of scanned text contrast only. A high letter grade does not mean the product is accessible.
Do I need Pro to scan?
No. WCAG scan, batch scan, badges, and Mini Mode are free. Pro unlocks color-vision simulation, the contrast score, linear gradient analysis, heatmap, Smart Fix, and export.
How are gradients handled?
Linear gradients are sampled inside the text bounds, including alpha over the surface below. Radial, angular, and diamond fills are not treated as fully supported; they are flagged for review.
Will Smart Fix break my variables?
No. The plugin tracks whether a color comes from a style, a variable, or a raw fill. It will not silently unbind a variable to write RGB. Variable updates are prepared but not released, so those layers stay blocked with a reason.
What about APCA?
APCA is an experimental readability estimate in settings. It is not a shipped Pro pass/fail and it is not WCAG 2.1. Do not treat an APCA number as a compliance result.