--- title: Design Systems description: Design systems are collections of reusable components, guided by clear standards, used to build consistent digital products. You will understand how to create, document, and maintain UI libraries, design tokens, and style guides that align product and engineering teams. category: arts-design subcategory: ui/ux-design difficulty: beginner, intermediate, advanced url: /subject/design-systems --- # Design Systems Design systems are collections of reusable components, guided by clear standards, used to build consistent digital products. You will understand how to create, document, and maintain UI libraries, design tokens, and style guides that align product and engineering teams. ## Available Resources 2 Books • 2 Courses • 4 Websites ## Websites ### 1. 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. **Difficulty:** Beginner | **Price:** Free **Link:** https://atomicdesign.bradfrost.com/ **Tags:** design-systems, atomic-design, component-libraries, ui-design ### 2. 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://designsystems.com **Tags:** websites, arts-design, uiux-design ### 3. Spec Podcast network for designers and developers, founded around Design Details and Developer Tea, hosting shows with interviews and discussion on interface design, front-end development, tooling and careers. Listeners hear how working practitioners approach product design and engineering decisions. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://spec.fm **Tags:** design-podcasts, ui-design, front-end-development, product-design, design-careers ### 4. UX Collective Independent online publication, founded by Fabricio Teixeira and Caio Braga, publishing practitioner essays on UX research, interaction and interface design, design systems, accessibility and design careers. Its weekly newsletter curates industry writing, helping designers keep current with practice and critique. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://uxdesign.cc **Tags:** ux-design, interaction-design, ux-research, design-systems, product-design ## Courses ### 1. Building Design Systems Learn to build scalable & maintainable design systems! Jina Anne's course covers patterns, documentation, & tooling for consistent UIs. **Difficulty:** Intermediate | **Price:** Paid **Link:** https://frontendmasters.com/courses/design-systems/ **Tags:** design-systems, component-libraries, frontend, documentation ### 2. Design Systems with Figma Learn design systems in Figma with this official course! Master components, styles, and documentation from the Figma Team. **Difficulty:** Beginner | **Price:** Free **Link:** https://www.figma.com/resources/learn-design/design-systems/ **Tags:** design-systems, figma, ui-components, design-tools ## Podcasts ### 1. Wireframe **Author:** Donnie D'Amato 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. **Difficulty:** Beginner | **Language:** en | **Price:** Free **Link:** https://shows.acast.com/wireframefm **Tags:** design-systems, design-tokens, component-libraries, ui-accessibility, design-handoff ## Books ### 1. Design Systems **Author:** Alla Kholmatova 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/3945749581?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design ### 2. Building Design Systems **Author:** Sarrah Vesselov, Taurie Davis 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. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/148424513X?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/design-systems