Design Tokens

MCP server

example-org/design-tokens

Read colour, spacing and typography tokens from a design file and export them as CSS.

ListedUnreviewed

Sample entries — placeholder data, not real projects

Use tool

Set up

Runs on your computer. Pick your agent and operating system.

Before you start

Node.js 20 or newer

~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "design-tokens": {
      "command": "npx",
      "args": [
        "-y",
        "@example-org/design-tokens"
      ],
      "env": {
        "DESIGN_API_TOKEN": "<your DESIGN_API_TOKEN>"
      }
    }
  }
}

Values in angle brackets are placeholders — replace them on your machine. Restart Claude Desktop after editing its config.

README

Synced Oct 2, 2026

Design Tokens

Sample entry. This README is placeholder text used to design the catalog. It does not describe a real project.

Read colour, spacing and typography tokens from a design file and export them as CSS.

Features

— — Capabilities are described in the project documentation.

Installation

npx -y @example-org/design-tokens

Configuration

Variable	Required	Description
`DESIGN_API_TOKEN`	Yes	Personal access token for the design tool.

Security

Only grant the permissions this server needs. Review the source before running it on a machine with sensitive data.

License

Released under the MIT license.