TL;DR
Design Token Bridge is a Model Context Protocol (MCP) server. Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI Install with: npx -y design-token-bridge-mcp. Source: https://github.com/kenneives/design-token-bridge-mcp. It speaks the Model Context Protocol and works with any compatible client (Claude, Cursor, Cline, Windsurf, Warp and more).
Design Token Bridge
Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
Install Command
npx -y design-token-bridge-mcpFrequently Asked Questions
Design Token Bridge is a Model Context Protocol server that Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
You can install it by running the install command: `npx -y design-token-bridge-mcp`. It then becomes available to any MCP-compatible client such as Claude, Cursor, Cline, Windsurf.
The Design Token Bridge MCP Server is compatible with any client that speaks the Model Context Protocol — including Claude, Cursor, Cline, Windsurf.
It is released under the MIT license.
Reviews
0 reviews· 0.0 average
No reviews yet. Be the first to share your experience.
Leave a review
Rating
Details
- Agent Rank
- 45.0
- License
- MIT
- Last Updated
- Aug 12, 2026
- Languages
- TypeScript
Client Compatibility
Speaks the Model Context Protocol — works with any compatible client.