kenneives/design-token-bridge-mcp

MCP Server

by Community · Added 5mo ago

Claude

Install

git clone https://github.com/kenneives/design-token-bridge-mcp

Add to Claude

claude mcp add kenneivesdesign-token-bridge-mcp

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "kenneives-design-token-bridge-mcp": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/kenneives-design-token-bridge-mcp"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

design-token-bridge-mcp MCP server 📇 🏠 - Translates design tokens between platforms — extract from Tailwind, CSS, Figma, or W3C DTCG, then generate Material 3 (Kotlin), SwiftUI, Tailwind config, and CSS Variables with WCAG contrast validation.

kenneives/design-token-bridge-mcp

Install

Add to Claude

Quick Setup Config

About

Tags

From Our Store

Claude Code Power User Kit

OpenClaw Business Starter Kit