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. Compatible with MCP clients such as Claude Desktop, Cursor, Cline and Windsurf.
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.
Check the project license on its repository before use.
Reviews
0 reviews· 0.0 average
No reviews yet. Be the first to share your experience.
Leave a review
Rating
Details
- Agent Rank
- 0.0
- License
- Last Updated
- Aug 12, 2026
- Languages
- TypeScript
Client Compatibility
Speaks the Model Context Protocol — works with any compatible client.