Figma launches Accessibility Insights plugin with design-token export

Design · 5 min read

Figma's new Accessibility Insights plugin scans artboards for common accessibility issues—color contrast failures, missing focus indicators, ambiguous component labels, and inconsistent keyboard focus order—and maps each problem to a recommended design-token change. Designers can preview how token adjustments (colors, spacing, motion-duration tokens) affect components in-situ and export a JSON package that matches popular tokens formats.

The export supports multiple token schemas (Style Dictionary, CSS variables, and platform-specific tokens for iOS and Android) and includes a remediation column that explains why the change was made in plain language. For teams using Figma as the source of truth, this cut out the manual handoff step where developers translate design decisions into accessible code.

Figma is positioning the plugin as a bridge between accessibility QA and the design system lifecycle. Early adopters report fewer late-stage accessibility bugs and faster compliance checks during sprints—though larger organizations flagged the need for customizable rule-sets to reflect internal policies and regional requirements.