Skip to content
don’t make it ugly
All resources

Design systemDesign Systems

Material Design 3

Google's design system, documented in exhaustive, agent-readable detail.

Open sourceFree
Preview of Material Design 3

What it is

Material Design 3 (Material You) is Google's open design system covering colour, typography, elevation, motion, layout and every standard component, with guidance on when and how to use each. Code implementations exist for Android, Flutter and the web.

Why it’s here

You probably don't want your product to look like Material. You absolutely want to read how it reasons about colour roles, elevation and motion. The docs are a masterclass in explaining design decisions.

Best for

  • learning design-system thinking
  • colour roles
  • motion guidelines
  • Android apps

Can my agent use this?

Agent good agent friendliness

Yes. The guidelines are public and well-structured. Link specific pages ("follow Material's guidance on elevation") rather than the whole system.

Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.

Access methods

  • Docs
  • GitHub
  • Public website

  • Apple Human Interface Guidelines
    Preview of Apple Human Interface Guidelines

    Apple Human Interface Guidelines

    Apple's guidance on designing for iOS, macOS, watchOS and visionOS.

    Design systemFreegood agent friendliness
  • IBM Carbon
    Preview of IBM Carbon

    IBM Carbon

    IBM's open-source enterprise design system, thorough to a fault.

    Design systemFreeOpen sourceexcellent agent friendliness
  • Shopify Polaris
    Preview of Shopify Polaris

    Shopify Polaris

    Shopify's design system for dense, practical admin interfaces.

    Design systemFreeOpen sourceexcellent agent friendliness
  • GOV.UK Design System
    Preview of GOV.UK Design System

    GOV.UK Design System

    The gold standard for accessible, plain-language interfaces.

    Design systemFreeOpen sourceexcellent agent friendliness
    Staff pick