Design Systems with Figma
Figma Team
Learn design systems in Figma with this official course! Master components, styles, and documentation from the Figma Team.
More resources on Design Systems
designsystems.com
Designsystems.com is a comprehensive hub offering articles, tutorials, and references for learning and building design systems. It covers component libraries, design tokens, governance, accessibility, and practical case studies from real-world projects.
Atomic Design
Brad Frost's official site for the Atomic Design methodology, explaining how to break interfaces into atoms, molecules, organisms, templates, and pages to build consistent, reusable component libraries for design systems.
Building Design Systems
Learn to build scalable & maintainable design systems! Jina Anne's course covers patterns, documentation, & tooling for consistent UIs.
Wireframe
Podcast from Design Systems House, hosted by design-systems practitioner Donnie D'Amato, on building and running design systems: design tokens, color and icon systems, accessibility, component documentation in Storybook and designer-developer handoff. Listeners gain practical approaches for maintaining shared UI libraries.
Design Systems
Alla Kholmatova's book on building resilient design systems, explaining how to identify shared design patterns, structure a component library, and align teams around consistent principles rather than just visual style guides.
Building Design Systems
Practical guide to planning, designing, and maintaining a scalable design system, covering component architecture, documentation, governance, and cross-team collaboration for product and engineering teams building consistent user interfaces at scale.