Back to Plugins
A11y variables pro
Turn any selected component into design tokens and Figma Variables
Plugin 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 works
- Select 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.
Plugin Details
| Version | 2 |
|---|---|
| Created | October 5, 2025 |
| Last Updated | October 7, 2025 |
| Category | Accessibility tools |
| Creator | neilmani |
| Stats | 2 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥