Design Token Bridge Mcp
by kenneivescommunityv1.0.2
3
1
This MCP server translates design tokens between platforms, extracting tokens from Tailwind, CSS, Figma, or W3C DTCG format and generating native themes for Material 3, SwiftUI, Tailwind, and CSS Variables.
From the registry: Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
Install & configure
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `design-token-bridge-mcp` MCP server into my current AI client (that's you).
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","design-token-bridge-mcp"]
Note: Translates design tokens between Tailwind/CSS/Figma/W3C DTCG and generates Material 3, SwiftUI, Tailwind, and CSS variables. No API keys required.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: Translates design tokens between Tailwind/CSS/Figma/W3C DTCG and generates Material 3, SwiftUI, Tailwind, and CSS variables. No API keys required.
Tools (9)
extract_tokens_from_tailwind
Parses colors, fontSize, spacing, borderRadius, boxShadow from tailwind.config.js content.
extract_tokens_from_css
Extracts custom properties from CSS file content.
extract_tokens_from_figma_variables
Parses COLOR, FLOAT types from Figma Variables API JSON.
extract_tokens_from_json
Parses W3C DTCG format JSON.
generate_material3_theme
Generates Kotlin theme for Material 3.
generate_swiftui_theme
Generates Swift theme for SwiftUI.
generate_tailwind_config
Generates Tailwind configuration.
generate_css_variables
Generates CSS custom properties.
validate_contrast
Checks color pairs for WCAG AA/AAA contrast compliance.
Packages
design-token-bridge-mcp
npmv1.0.2transport: stdio
Details
- Language
- TypeScript
- License
- MIT
- Released
- Feb 19, 2026
- Last commit
- Mar 25, 2026
- Registry name
- io.github.kenneives/design-token-bridge-mcp