LocalFree

Design Token Bridge MCP server

kenneives/design-token-bridge-mcp

Translates design tokens from Tailwind, CSS, Figma or W3C DTCG into Material 3, SwiftUI, Tailwind config and CSS variables, with WCAG contrast validation.

5 GitHub stars1 forks259 npm downloads / month
Source code

Install Design Token Bridge in Claude Code

Claude Code
claude mcp add design-token-bridge -- npx -y design-token-bridge-mcp
mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)
{
  "mcpServers": {
    "design-token-bridge": {
      "command": "npx",
      "args": [
        "-y",
        "design-token-bridge-mcp"
      ]
    }
  }
}

Frequently asked questions

What does the Design Token Bridge MCP server do?

Translates design tokens from Tailwind, CSS, Figma or W3C DTCG into Material 3, SwiftUI, Tailwind config and CSS variables, with WCAG contrast validation.

Is the Design Token Bridge MCP server free?

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Does Design Token Bridge run locally or remotely?

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

How do I add Design Token Bridge to Claude Code?

Run: claude mcp add design-token-bridge -- npx -y design-token-bridge-mcp

More developer tools MCP servers

View all

ellmos CodeCommander

4314

ellmos-ai/ellmos-codecommander-mcp

Code analysis, JSON repair, encoding fixes and import organization for local projects.

LocalFreeTypeScript

adb

14

iksnerd/adb-mcp

Drive Android emulators and devices over adb: screenshots, UI inspection, tap/swipe/type, app lifecycle, logcat, screen recording and Gradle builds and tests.

LocalFreeGo

Memorydetective

14291

carloshpdoc/memorydetective

iOS memory leak and performance investigation: reads .memgraph and .trace files, classifies retain cycles against known patterns and suggests Swift fixes.

LocalFreeTypeScript

Tokenchit

14

iyashjayesh/tokenchit

Reads local Claude Code, Codex and OpenCode usage logs: token totals, daily and hourly activity, per-agent and per-model breakdowns and a year-in-review recap.

LocalFreeTypeScript

Scraper

6253

ofershap/mcp-server-scraper

Web scraping: extract clean Markdown, links and metadata from any URL.

LocalAccount neededTypeScript

Fenestra

14

richer-richard/fenestra/fenestra-mcp

Headless rendering and verification of native Rust GUIs: accessibility tree, semantic selectors, contrast and focus-order checks, and screenshot diffs.

LocalFreeRust