Design system annotations, part 2: Advanced methods of annotating components
📰 GitHub Engineering
GitHub Engineering discusses advanced methods of annotating components in design systems
Action Steps
- Understand the basics of design system annotations
- Explore advanced annotation methods such as component metadata and relationships
- Implement a design system with annotated components to improve collaboration and reuse
Who Needs to Know This
Designers and product managers on a team can benefit from understanding advanced annotation methods to improve design system efficiency and consistency
Key Insight
💡 Advanced annotation methods can enhance design system consistency and collaboration
Share This
📝 Improve design system efficiency with advanced annotation methods!
Key Takeaways
GitHub Engineering discusses advanced methods of annotating components in design systems
Full Article
Published Time: 2025-05-09T09:56:57-07:00
# Design system annotations, part 2: Advanced methods of annotating components - The GitHub Blog
[Skip to content](https://github.blog/engineering/user-experience/design-system-annotations-part-2-advanced-methods-of-annotating-components/#start-of-content)[Skip to sidebar](https://github.blog/engineering/user-experience/design-system-annotations-part-2-advanced-methods-of-annotating-components/#sidebar)
[](https://github.com/)/[Blog](https://github.blog/)
* [Changelog](https://github.blog/changelog/)
* [Docs](https://docs.github.com/)
* [Customer stories](https://github.com/customer-stories)
[Try GitHub Copilot](https://github.com/features/copilot?utm_source=blog-tap-nav&utm_medium=blog&utm_campaign=universe25)[See what's new](https://github.com/events/universe/recap?utm_source=k2k-blog-tap-nav&utm_medium=blog&utm_campaign=universe25)
* [AI & ML](https://github.blog/ai-and-ml/)
* [AI & ML](https://github.blog/ai-and-ml/)
Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.
* [Generative AI](https://github.blog/ai-and-ml/generative-ai/)
Learn how to build with generative AI.
* [GitHub Copilot](https://github.blog/ai-and-ml/github-copilot/)
Change how you work with GitHub Copilot.
* [LLMs](https://github.blog/ai-and-ml/llms/)
Everything developers need to know about LLMs.
* [Machine learning](https://github.blog/ai-and-ml/machine-learning/)
Machine learning tips, tricks, and best practices.
*  [How AI code generation works](https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/)
Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.
Learn more
* [Developer skills](https://github.blog/developer-skills/)
* [Developer skills](https://github.blog/developer-skills/)
Resources for developers to grow in their skills and careers.
* [Application development](https://github.blog/developer-skills/application-development/)
Insights and best practices for building apps.
* [Career growth](https://github.blog/developer-skills/career-growth/)
Tips & tricks to grow as a professional developer.
* [GitHub](https://github.blog/developer-skills/github/)
Improve how you use GitHub at work.
* [GitHub Education](https://github.blog/developer-skills/github-education/)
Learn how to move into your first professional role.
* [Programming languages & frameworks](https://github.blog/developer-skills/programming-languages-and-frameworks/)
Stay current on what’s new (or new again).
*  [Get started with GitHub documentation](https://docs.github.com/en/get-started)
Learn how to start building, shipping, and maintaining software with GitHub.
Learn more
* [Engineering](https://github.blog/engineering/)
* [Engineering](https://github.blog/engineering/)
Get an inside look at how we’re building the home for all developers.
* [Architecture & optimization](https://github.blog/engineering/architecture-optimization/)
Discover how we deliver a performant and highly available experience across the GitHub platform.
* [Engineering principles](https://github.blog/engineering/engineering-principles/)
Explore best practices for building software at scale with a majority remote team.
* [Infrastructure](https://github.blog/engineering/infrastructure/)
Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.
* [Platform security](https://github.blog/engineering/platform-security/)
Learn how we build security into everything we do across the developer lifecycle.
* [User experience](h
# Design system annotations, part 2: Advanced methods of annotating components - The GitHub Blog
[Skip to content](https://github.blog/engineering/user-experience/design-system-annotations-part-2-advanced-methods-of-annotating-components/#start-of-content)[Skip to sidebar](https://github.blog/engineering/user-experience/design-system-annotations-part-2-advanced-methods-of-annotating-components/#sidebar)
[](https://github.com/)/[Blog](https://github.blog/)
* [Changelog](https://github.blog/changelog/)
* [Docs](https://docs.github.com/)
* [Customer stories](https://github.com/customer-stories)
[Try GitHub Copilot](https://github.com/features/copilot?utm_source=blog-tap-nav&utm_medium=blog&utm_campaign=universe25)[See what's new](https://github.com/events/universe/recap?utm_source=k2k-blog-tap-nav&utm_medium=blog&utm_campaign=universe25)
* [AI & ML](https://github.blog/ai-and-ml/)
* [AI & ML](https://github.blog/ai-and-ml/)
Learn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry.
* [Generative AI](https://github.blog/ai-and-ml/generative-ai/)
Learn how to build with generative AI.
* [GitHub Copilot](https://github.blog/ai-and-ml/github-copilot/)
Change how you work with GitHub Copilot.
* [LLMs](https://github.blog/ai-and-ml/llms/)
Everything developers need to know about LLMs.
* [Machine learning](https://github.blog/ai-and-ml/machine-learning/)
Machine learning tips, tricks, and best practices.
*  [How AI code generation works](https://github.blog/ai-and-ml/generative-ai/how-ai-code-generation-works/)
Explore the capabilities and benefits of AI code generation and how it can improve your developer experience.
Learn more
* [Developer skills](https://github.blog/developer-skills/)
* [Developer skills](https://github.blog/developer-skills/)
Resources for developers to grow in their skills and careers.
* [Application development](https://github.blog/developer-skills/application-development/)
Insights and best practices for building apps.
* [Career growth](https://github.blog/developer-skills/career-growth/)
Tips & tricks to grow as a professional developer.
* [GitHub](https://github.blog/developer-skills/github/)
Improve how you use GitHub at work.
* [GitHub Education](https://github.blog/developer-skills/github-education/)
Learn how to move into your first professional role.
* [Programming languages & frameworks](https://github.blog/developer-skills/programming-languages-and-frameworks/)
Stay current on what’s new (or new again).
*  [Get started with GitHub documentation](https://docs.github.com/en/get-started)
Learn how to start building, shipping, and maintaining software with GitHub.
Learn more
* [Engineering](https://github.blog/engineering/)
* [Engineering](https://github.blog/engineering/)
Get an inside look at how we’re building the home for all developers.
* [Architecture & optimization](https://github.blog/engineering/architecture-optimization/)
Discover how we deliver a performant and highly available experience across the GitHub platform.
* [Engineering principles](https://github.blog/engineering/engineering-principles/)
Explore best practices for building software at scale with a majority remote team.
* [Infrastructure](https://github.blog/engineering/infrastructure/)
Get a glimpse at the technology underlying the world’s leading AI-powered developer platform.
* [Platform security](https://github.blog/engineering/platform-security/)
Learn how we build security into everything we do across the developer lifecycle.
* [User experience](h
DeepCamp AI