WCAG Plugin for Figma
A free, open-source Figma plugin that puts WCAG guidance, annotation cards and accessibility utility tokens inside the file where design decisions actually get made.
- Role
- Designed, built and shipped
- Year
- 2024
- Built with
- TypeScript, Figma Plugin API, Design tokens
Accessibility guidance loses every argument it has to win somewhere else. By the time a designer opens the WCAG spec in another tab, the layout is already built and the question has become how much rework it is worth. The plugin exists to move that question earlier — into the file, while the decision is still cheap.
It does three things:
- Guideline search — find the relevant success criterion without leaving Figma.
- Notation cards — annotate a frame with the guideline it has to satisfy, so the handoff carries the reasoning and not just the spec.
- Utility tokens — import accessibility tokens as Figma variables, so the accessible choice is the default one rather than a thing you remember to check.