explaingit

alexpate/awesome-design-systems

24,402Audience · designerComplexity · 1/5ActiveLicenseSetup · easy

TLDR

A curated directory of design systems from companies and open-source projects worldwide, with links and tags showing what each one includes.

Mindmap

mindmap
  root((repo))
    What it does
      Catalogs design systems
      Links to documentation
      Tags components included
    Design system types
      Large tech companies
      Airlines and governments
      Open-source projects
    How to use it
      Research before building
      Study existing approaches
      Find systems to adopt
    What's tagged
      UI components
      Voice and tone
      Designer files
      Source code links

Things people build with this

USE CASE 1

Research how other organizations built their design systems before creating one for your own company.

USE CASE 2

Find an open-source design system to adopt and customize for your product team.

USE CASE 3

Study voice and tone guidelines from established brands to improve your own communication standards.

USE CASE 4

Discover Figma or Sketch templates from well-known design systems to use as inspiration for your own work.

Getting it running

Difficulty · easy Time to first run · 5min
MIT License, use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

Awesome Design Systems is a curated directory of publicly available design systems from companies, organizations, and open-source projects around the world. A design system is a set of shared standards, guidelines, and reusable components that a product team uses to build consistent user interfaces. Well-known examples include Google's Material Design, Apple's Human Interface Guidelines, and Atlassian's design system. This repository is simply a comprehensive, organized list, not code itself. It catalogs hundreds of design systems with tags indicating what each one includes: coded UI components (actual ready-to-use interface elements), voice and tone guidelines (how to write copy and communicate with users), designer files (Sketch, Figma, or Photoshop templates for visual designers), and links to source code when available. The list spans entries from large tech companies (Adobe, Alibaba, Amazon, Apple) to airlines, governments, media companies, and small startups. Each entry links to the official documentation or website for that design system. A designer, front-end developer, or product manager would use this as a research reference, for example, when building a new design system for their own organization and wanting to study how others have approached it, or when looking for an existing open-source design system to adopt. It is a pure reference resource, containing no programming language of its own.

Copy-paste prompts

Prompt 1
I'm building a design system for my startup. Show me the design systems listed in awesome-design-systems that are from companies similar to mine and explain what components they include.
Prompt 2
Which design systems in this repository have open-source code I can fork or adapt? List the ones with the most complete UI component libraries.
Prompt 3
I need to write voice and tone guidelines for my product. Which design systems in awesome-design-systems have published their voice and tone documentation that I can study?
Prompt 4
Help me find design system examples from the awesome-design-systems list that include Figma files I can reference for my design workflow.
Prompt 5
What are the most popular design systems listed in awesome-design-systems, and what makes them stand out compared to others?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.