A11y variables pro
by neilmani
Turn any selected component into design tokens and Figma Variables
Installs
8
Likes
0
Users
24
Views
55
Preview
About this plugin
What it does:
This plugin extracts your selection into design tokens and Variables, then runs a WCAG 2.1 AA audit. It records ratios, pass/fail, foreground/background, and suggested fixes into a dedicated WCAG collection—so accessibility travels with your tokens from Figma to code.
How it worksSelect a component or frame.
Save from selection → tokens + AA audit appear.
Toggle Accessibility mode to view contrast results (text & non-text).
Export to Variables → creates/updates Primitives, Semantics, Components, and WCAG.
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility