Global (EN)
Setup GuideSaved Tools
Back to All MCP Servers
D

Design Token Bridge

Verified Integration
Author: @kenneives•Category: ServerApplication
GitHub Repository
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status
Tags:#Claude#Search#Database#API#Git#Filesystem#AI#GitHub#Node.js

Client Configuration

— Connect Design Token Bridge to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "design-token-bridge": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-design-token-bridge"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Translates design tokens between various platforms like Tailwind, CSS, Figma, and W3C DTCG to generate native themes for Material 3, SwiftUI, Tailwind, and CSS Variables.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Design Token Bridge

The Design Token Bridge is an MCP server that translates design tokens from various sources like Figma, Tailwind, CSS, or W3C DTCG, into native themes for platforms such as Material 3, SwiftUI, Tailwind, and CSS Variables.

Related MCP Servers

Browse all servers →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more
C

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more