mcpbeat Sign in

Design Token Bridge MCP Server

by kenneives Your server? Claim it
local only

Design Token Bridge MCP runs on your own machine — the client starts it, so there is no endpoint to ping. 79 installs a week from npm. Last commit 17 Aug 2026.

Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI

Installs per day peak 80 · avg 13 · -73% w/w
a month agotoday
79
Installs / week
npm · design-token-bridge-mcp
5
Stars
1 open issues
17 Aug 2026
Last commit
0 releases in 90 days
MIT
License
TypeScript

Nothing serious here today

Today is the operative word: we check Design Token Bridge MCP every 15 minutes and re-read its code on every release. Watch it and you find out the day that stops being true.

Three servers free · no card

Connect this server

This server runs on your own machine — install it with the package manager and the client starts it for you. Package name taken from the official registry entry.

run in your terminal
claude mcp add design-token-bridge-mcp -- npx -y design-token-bridge-mcp
~/Library/Application Support/Claude/claude_desktop_config.json
{
  "mcpServers": {
    "design-token-bridge-mcp": {
      "args": [
        "-y",
        "design-token-bridge-mcp"
      ],
      "command": "npx"
    }
  }
}
~/.codex/config.toml
[mcp_servers.design-token-bridge-mcp]
command = "npx"
args = ["-y", "design-token-bridge-mcp"]
.cursor/mcp.json
{
  "mcpServers": {
    "design-token-bridge-mcp": {
      "args": [
        "-y",
        "design-token-bridge-mcp"
      ],
      "command": "npx"
    }
  }
}
.vscode/mcp.json
{
  "mcpServers": {
    "design-token-bridge-mcp": {
      "args": [
        "-y",
        "design-token-bridge-mcp"
      ],
      "command": "npx"
    }
  }
}

Alternatives to Design Token Bridge MCP

same job, measured the same way
HTML to Figma — Design System
by miapre

Translate HTML prototypes into Figma using your design system's real components and tokens.

26 installs/wk local only
Flowbite MCP
by themesberg

MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS

429 installs/wk local only
Figbridge
by rudraptpsingh

Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

68 installs/wk local only
Tailwind Context Resolver MCP
by vola-trebla

Resolves Tailwind CSS design tokens and validates utility classes against the local project config.

36 installs/wk local only
Design System
by zaklad

Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

answering
Mimic AI
by miapre

Builds Figma from your design system: real components and tokens, enforced, learning every build.

66 installs/wk local only
StyleForge-AI
by evozim

Automated design token builder producing clean CSS and Sass assets.

answering
Figma Edit MCP
by neozhehan

Programmatically read, create, and modify Figma designs via MCP.

109 installs/wk local only

Design Token Bridge MCP — questions

Answers built from our own checks of this server.

Why is there no uptime for Design Token Bridge MCP?
Design Token Bridge MCP runs on your own machine over stdio — there is no network address to reach, so uptime cannot be measured for it by anyone. What can be measured is adoption: the npm package design-token-bridge-mcp was installed 79 times last week.
How do I connect Design Token Bridge MCP?
Copy the ready config from this page — we generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each with the file path that client actually reads. It runs locally, so the command pulls design-token-bridge-mcp straight from npm; nothing to host, nothing to sign up for.
How many people use Design Token Bridge MCP?
The npm package design-token-bridge-mcp was installed 79 times in the last week. Week over week that is -73%. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.
Is Design Token Bridge MCP open source?
Yes — it is published under the MIT licence, written in TypeScript, 5 stars on GitHub and 1 open issue. The source link is on this page, so you can read exactly what it does with your data before you connect it.