HotStack

← Back to browse

design-token-bridge-mcp

Indexed by io.github.kenneives
View source ↗

About

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

Use this server

Add it to your MCP client. The catalogue lists this config verbatim from its source — it does not run, download, or vouch for the server. Review the command before you run it.

Transportstdio (runs a local command)
Claude Code 
claude mcp add design-token-bridge-mcp -- npx design-token-bridge-mcp
Cursor

Add to Cursor

If the button doesn't open Cursor, use the JSON below — Cursor accepts the same mcpServers config.

VS Code 
code --add-mcp '{"name":"design-token-bridge-mcp","command":"npx","args":["design-token-bridge-mcp"]}'
JSON 
{
  "mcpServers": {
    "design-token-bridge-mcp": {
      "command": "npx",
      "args": [
        "design-token-bridge-mcp"
      ]
    }
  }
}