deep-dive

Design Systems with Design Tokens and Design Language Documentation

April 12, 2026 alexpate/awesome-design-systems ↗

The alexpate/awesome-design-systems repository identifies seven major design systems—including Adobe Spectrum, IBM Carbon, and Google Material Design—that combine documented Voice & Tone principles with open-source repositories containing inspectable design token definitions.

The alexpate/awesome-design-systems list curates publicly available design systems and tracks two critical maturity indicators: Voice & Tone documentation and source code availability. Systems marked with both indicators in the [README.md](https://github.com/alexpate/awesome-design-systems/blob/master/README.md) file provide the rare combination of high

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:

curl -s "https://instagit.com/install.md"

Add to your MCP client configuration:

{
  "mcpServers": {
    "instagit": {
      "command": "npx",
      "args": ["-y", "instagit@latest"]
    }
  }
}

Ask your agent:

"Use Instagit MCP to understand how alexpate/awesome-design-systems works."

Works with

Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →