Designed
pageTitle
    Learning Paths
    Design Systems Foundations

    Design Systems Foundations

    intermediate6 modules~8 hrs

    Understand components, tokens, libraries, governance, and scalable UI.

    Recommended first: Product Design Foundations
    1
    What a Design System Is (and Isn't)
    More than a component library, less than a rulebook.
    Learn
    Design Systems 101
    NN/g12 min
    2
    Design Tokens
    The smallest reusable design decisions.
    Learn
    Practice
    Explore
    Material Design 3
    Google15 min
    3
    Building a Component Library
    Turning tokens into reusable, composable UI.
    Learn
    Watch
    Figma Component Best Practices
    Figma18 min
    4
    Documentation & Governance
    Making a system usable by people who didn't build it.
    Learn
    Explore
    Human Interface Guidelines
    Apple15 minOptional
    5
    Rolling Out a Design System
    Getting a team to actually adopt it.
    Learn
    Explore
    Design Systems Resources
    Figma15 minOptional
    6
    Scaling and Maintaining It
    Keeping a system healthy as a product grows.
    Learn
    Explore
    Design Systems Resources
    Figma15 minOptional

    ← Back to Learning Paths