
design-token-bridge-mcp
MCP server by github.com/kenneives/design-token-bridge-mcp
Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
About design-token-bridge-mcp
design-token-bridge-mcp is an MCP (Model Context Protocol) server published by kenneives in the official MCP registry, listed under Design Tools on Loomal. Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
It ships as an npm package (design-token-bridge-mcp), so any MCP client that can launch a local process can run it.
Development happens in the open at github.com/kenneives/design-token-bridge-mcp, where the project has earned 2 GitHub stars.
Use design-token-bridge-mcp with your agent
claude mcp add design-token-bridge-mcp -- npx -y design-token-bridge-mcp{
"mcpServers": {
"design-token-bridge-mcp": {
"command": "npx",
"args": [
"-y",
"design-token-bridge-mcp"
]
}
}
}design-token-bridge-mcpFrequently asked questions
- What is design-token-bridge-mcp?
- design-token-bridge-mcp is an MCP (Model Context Protocol) server by kenneives in the Design Tools category. Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
- How do I connect design-token-bridge-mcp to Claude, Cursor, or another MCP client?
- Install design-token-bridge-mcp from its npm package (design-token-bridge-mcp) and register it under "mcpServers" in your client's MCP configuration — for example claude_desktop_config.json or Cursor's mcp.json — then restart the client.
- Is design-token-bridge-mcp open source?
- Yes — the source code is public at github.com/kenneives/design-token-bridge-mcp, with 2 GitHub stars.
- Can AI agents pay to use design-token-bridge-mcp?
- Not yet through Loomal — design-token-bridge-mcp is listed as a free directory entry. If its maintainer verifies ownership, they can set per-call USDC pricing that agents pay over x402, with settlement on Base.
More Design Tools MCP servers

Figma-Context-MCP
15.1k
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

TypeUI
1.1k
Design systems, UI prompts, and layout variations for AI coding tools.

Network Sketcher (Local MCP)
365
AI-native MCP server to design and manage Cisco network diagrams (L1/L2/L3, PPT/SVG) from LLMs.

figma-ui-mcp
208
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

plumb-mcp
60
Figma → code MCP: no rate limits, no metered quotas, verification loop. Works on every Figma plan.

illustrator-mcp-server
44
Read, manipulate, and export Adobe Illustrator design data. 26 tools. macOS | Windows.
Listing data from the official MCP registry and GitHub, refreshed periodically. Not affiliated with the maintainer unless claimed. Maintain design-token-bridge-mcp? Claim this listing free by verifying GitHub ownership, or contact us.