Figma adds Inclusive Components Panel and token inspector to plugin API

Design · 4 min read

The Inclusive Components Panel collects accessibility annotations, contrast snapshots, keyboard-flow diagrams and suggested ARIA attributes directly within component instances. Designers can attach quality flags (e.g., "needs focus ring", "contrast low") that sync to a component's variant metadata and to linked tokens in a design system file.

The token inspector exposes runtime token values and accessibility metadata so designers can preview semantics — such as whether a token is considered 'decorative' or 'semantic' — and simulate user preference toggles like reduced motion or high contrast. Plugins can programmatically read and suggest token changes, enabling automated scanning and batch fixes across libraries.

Figma also updated its plugin API to allow third-party accessibility checkers to present inline remediation suggestions and to add automated compatibility tests to design system updates. The company says the change is part of a broader push to reduce handoffs and ensure inclusive patterns are encoded earlier in the product lifecycle.