MCP server

Design Token Bridge

io.github.kenneives/design-token-bridge-mcp

Checked 26 Oct 2026, 08:31 UTC · Still published on its registry; checked against OSV.dev; never run by us

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

Source

At a glance

Type

MCP server

Publisher

Not verified

Status

Runs on your computer

Sets up in

Claude Code, Claude Desktop, Codex, Gemini CLI, Cursor, VS Code

Last checked

26 Oct 2026, 08:31 UTC

Connect it to your agent

Add to CursorAdd to VS CodeVS Code Insiders

Opens the app, which shows the server and asks you to confirm. It then runs the package on your computer with your permissions. For other apps, copy the setup below.

Claude Code

claude mcp add design-token-bridge-mcp -- npx -y design-token-bridge-mcp@1.0.2

Claude Desktop

{"mcpServers":{"design-token-bridge-mcp":{"command":"npx","args":["-y","design-token-bridge-mcp@1.0.2"]}}}

Codex (config.toml)

[mcp_servers.design-token-bridge-mcp]
command = "npx"
args = ["-y","design-token-bridge-mcp@1.0.2"]

Gemini CLI

{"mcpServers":{"design-token-bridge-mcp":{"command":"npx","args":["-y","design-token-bridge-mcp@1.0.2"]}}}

Cursor

{"mcpServers":{"design-token-bridge-mcp":{"command":"npx","args":["-y","design-token-bridge-mcp@1.0.2"]}}}

VS Code

{"servers":{"design-token-bridge-mcp":{"type":"stdio","command":"npx","args":["-y","design-token-bridge-mcp@1.0.2"]}}}

Runs on your computer with your permissions: check the package and its source before installing.

Browse

• GitHub tools
• Figma tools
• GitHub and code hosting
• Design tools
• Translation

Related MCP servers

• Colour Memory
  Colour meaning, history and evidence for AI: 45,000+ source-graded colour records and 91 tools.
• Standby Design
  Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
• LunarWerx
  Canonicalize Tailwind classes to their short form, and search LunarWerx free dev tools.
• Figma
  Figma MCP Pack
• Compose Preview Catalogs
  Browse, inspect and render Jetpack Compose Material 3 and Wear component catalogs.
• Raven
  Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
• Designers
  Checks, prompts and skills for designers working with AI: contrast, a11y, heuristics, critique.
• PickShade color tools
  18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.

Badge for your README

[![AptLynx](https://aptlynx.net/badge/io.github.kenneives/design-token-bridge-mcp.svg)](https://aptlynx.net/servers/io.github.kenneives/design-token-bridge-mcp)

Listing text is written by the maker; AptLynx lists tools and does not vouch for them. Find another tool · Browse by topic · For agents