git404hub

what is awesome-design-systems fr?

alexpate/awesome-design-systems — explained in plain English

Analysis updated 2026-06-21

24,249Audience · designerComplexity · 1/5Setup · easy

tl;dr

A curated directory of hundreds of public design systems from companies worldwide, tagged by what each includes, components, guidelines, and designer files, as a research reference.

vibe map

mindmap
  root((Awesome Design Systems))
    What It Is
      Curated directory
      No code included
      Research reference
    Tags
      Coded components
      Voice and tone
      Designer files
      Source code links
    Sectors Covered
      Tech companies
      Governments
      Media
      Startups
    Use Cases
      Design system research
      Pattern comparison
      Adoption decisions

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Research how large companies structure their design systems before building one for your own product.

VIBE 2

Find an open-source design system to adopt for a new project instead of building components from scratch.

VIBE 3

Compare component libraries from multiple companies to decide which visual patterns and naming conventions to follow.

VIBE 4

Discover official Figma or Sketch template files from well-known design systems to use as starting points.

how it stacks up fr

alexpate/awesome-design-systemselectron-react-boilerplate/electron-react-boilerplatemdbootstrap/mdb-ui-kit
Stars24,24924,24424,264
LanguageTypeScriptSCSS
Setup difficultyeasymoderateeasy
Complexity1/53/52/5
Audiencedesignerdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 5min

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.

prompts (copy fr)

prompt 1
Which design systems in the awesome-design-systems list include both coded components and Figma files I can download?
prompt 2
I'm building a design system for a fintech startup, which entries in this list are from financial or enterprise companies I should study?
prompt 3
Find design systems tagged with voice and tone guidelines so I can see how other companies write their UX copy standards.
prompt 4
Which government or public-sector design systems are listed here and what accessibility standards do they follow?
prompt 5
I want to adopt an open-source design system, which ones in this list have the most complete coded component libraries?

Frequently asked questions

what is awesome-design-systems fr?

A curated directory of hundreds of public design systems from companies worldwide, tagged by what each includes, components, guidelines, and designer files, as a research reference.

How hard is awesome-design-systems to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is awesome-design-systems for?

Mainly designer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.