--- title: Level up design-to-code collaboration with GitHub’s open... description: GitHub open sourced the Annotation Toolkit, a Figma library that improves design-to-code handoffs by embedding accessibility documentation directly into design... canonical: https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit | daily.dev og:description: GitHub open sourced the Annotation Toolkit, a Figma library that improves design-to-code handoffs by embedding accessibility documentation directly into design... og:url: https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb og:image: https://api.daily.dev/og/posts/uSECrunJB.png og:image:alt: Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit **[GitHub Blog](https://daily.dev/sources/ghblog)** · 6 min read · 64 upvotes · 1 comments ## Summary 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. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@petecapecod** · 0 upvotes > 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. ## Similar posts on daily.dev - [Accessibility resources for open source developers](https://daily.dev/posts/accessibility-resources-for-open-source-developers-lsjgz4inw) · All Things Open · 0 upvotes · 0 comments --- Tags: [#github](https://daily.dev/tags/github), [#accessibility](https://daily.dev/tags/accessibility), [#figma](https://daily.dev/tags/figma), [#design-systems](https://daily.dev/tags/design-systems) [View this post on daily.dev](https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit","url":"https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb"},"datePublished":"2025-11-18T18:08:00.768Z","dateModified":"2025-11-18T18:08:21.373Z","description":"GitHub open sourced the Annotation Toolkit, a Figma library that improves design-to-code handoffs by embedding accessibility documentation directly into design...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/78ef6a0dd2b4479461754bcba6cf291d?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/78ef6a0dd2b4479461754bcba6cf291d?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"GitHub Blog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"GitHub Blog","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/106cf162b88840808484d4b5429b59b1","url":"https://daily.dev/sources/ghblog"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":64},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"github,accessibility,figma,design-systems","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"GitHub Blog","item":"https://daily.dev/sources/ghblog"},{"@type":"ListItem","position":3,"name":"Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/level-up-design-to-code-collaboration-with-github-s-open-source-annotation-toolkit-usecrunjb","comment":[{"@type":"Comment","text":"Nice this is awesome 🎉 I think most of us want to build accessible sites and apps, but the process can be difficult.\nThis should help a lot, and it’s great they open sourced it.","datePublished":"2025-12-06T13:23:00.075Z","url":"https://daily.dev/posts/uSECrunJB#c-XowWWOd4s","author":{"@type":"Person","name":"Peter Cruckshank","url":"https://daily.dev/petecapecod","image":"https://media.daily.dev/image/upload/s--ZJhQyKws--/f_auto/v1721235024/avatars/avatar_A9xh33q0QoxtkGoJRCosp"}}]} ```