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
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.
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.
claude mcp add design-token-bridge-mcp -- npx -y design-token-bridge-mcp
{
"mcpServers": {
"design-token-bridge-mcp": {
"args": [
"-y",
"design-token-bridge-mcp"
],
"command": "npx"
}
}
}
[mcp_servers.design-token-bridge-mcp]
command = "npx"
args = ["-y", "design-token-bridge-mcp"]
{
"mcpServers": {
"design-token-bridge-mcp": {
"args": [
"-y",
"design-token-bridge-mcp"
],
"command": "npx"
}
}
}
{
"mcpServers": {
"design-token-bridge-mcp": {
"args": [
"-y",
"design-token-bridge-mcp"
],
"command": "npx"
}
}
}
Translate HTML prototypes into Figma using your design system's real components and tokens.
MCP server to convert Figma designs to Flowbite UI components in Tailwind CSS
Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.
Resolves Tailwind CSS design tokens and validates utility classes against the local project config.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Builds Figma from your design system: real components and tokens, enforced, learning every build.
Automated design token builder producing clean CSS and Sass assets.
Programmatically read, create, and modify Figma designs via MCP.
Answers built from our own checks of this server.