The Annotation Toolkit brings clarity, compliance, and collaboration directly into your Figma workflow.

The GitHub Blog provides updates, announcements, and insights from the world's leading software development platform, covering topics such as new features, community highlights, and industry trends. Developers can learn about GitHub's latest developments, best practices for collaboration, and tips for maximizing productivity on the platform.

GitHub Blog

GitHub open sourced the Annotation Toolkit, a Figma library that improves design-to-code handoffs by embedding accessibility documentation directly into design files. The toolkit uses numbered annotation stamps to document design intent, WCAG compliance requirements, and interactive behaviors, preventing accessibility issues before they reach production. GitHub's internal data showed 48% of accessibility audit issues could have been prevented with better upfront documentation. The toolkit is available on Figma Community and GitHub, includes interactive checklists and WCAG guidance, and accepts community contributions.

Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit

What the Annotation Toolkit is (and isn’t)

Real-world application: From pain points to productivity

Tutorial: How to use the Annotation Toolkit

<p>Nice this is awesome 🎉 I think most of us want to build accessible sites and apps, but the process can be difficult.
This should help a lot, and it’s great they open sourced it.</p>
