Design Token Bridge MCP

未认领

作者：kenneives

MCP server that translates design tokens between platforms — Tailwind, Figma, CSS to Material 3, SwiftUI, and CSS Variables. Built for the v0 → Figma → Claude Code pipeline.

claude-codecss-variablesdesign-tokensfigmamaterial-designmcpmcp-servermodel-context-protocolswiftuitailwind

设置此服务器

比较服务器我的工具栈

01 / 选择客户端

02 / 连接前的准备

认证方式尚未指定。连接前请查看项目说明。

安装项目所需的运行环境，并确保客户端能够使用它。

项目说明环境变量名（可选）

输入项目说明中的变量名，用逗号分隔。只输入名称，不要输入密钥值。

03 / 添加配置

来源：根据公开安装说明生成

claude mcp add --transport stdio 'design-token-bridge-mcp' -- 'npx' '-y' 'design-token-bridge-mcp'

替换占位符后在终端中运行。

04 / 在客户端中确认

打开客户端的 MCP 设置，确认服务器已连接并列出工具。复制配置不代表连接成功。

更多AI & ML服务器

浏览完整目录

未认领列表

这个 MCP 服务器是你的吗？

此列表根据公开信息自动生成。认领后，你可以编辑页面、设置兼容性并解锁增长工具。全程不超两分钟。

认领此服务器

安全概况

已认领和已认证的服务器每周接受一次静态扫描，显示代码能触及的范围（外部服务、环境变量、shell 命令、代理配置目录）以及带有已知公告的依赖。认领此列表即可获得。安全概况的工作原理

9 个工具中显示 9 个

文档中列出的工具 (9)

内容来自项目文档。服务器握手不会验证每个工具的说明或行为。

extract_tokens_from_css

CSS file content

extract_tokens_from_figma_variables

Figma Variables API JSON

extract_tokens_from_json

W3C DTCG format JSON

extract_tokens_from_tailwind

tailwind.config.js content

generate_css_variables

CSS custom properties

generate_material3_theme

Kotlin (Jetpack Compose)

generate_swiftui_theme

Swift (SwiftUI)

generate_tailwind_config

tailwind.config.js

validate_contrast

WCAG AA/AAA contrast checking for color pairs with pass/fail + ratios

工具变更历史

比较相同配置的完整检查。只列出工具，未调用工具。此处不测量输入结构的变化。

尚无完整工具检查。