kenneives/design-token-bridge-mcp

Overview

A Model Context Protocol server that converts design tokens between platforms including Tailwind, Figma, CSS, Material 3, SwiftUI, and CSS Variables. It is built in TypeScript to support workflows from v0 through Figma to Claude Code.

Best for

Best for
Developers building automated design-to-code pipelines who need to convert tokens between design and development tools.

Use cases

• Translate design tokens from Figma to CSS variables for a web project
• Convert Tailwind theme tokens into Material 3 format for Android development
• Bridge design tokens from a v0 prototype into SwiftUI for iOS builds

Notes

A Model Context Protocol server that converts design tokens between platforms including Tailwind, Figma, CSS, Material 3, SwiftUI, and CSS Variables. It is built in TypeScript to support workflows from v0 through Figma to Claude Code.

2 stars on GitHub. Last updated 2026-03-25. Licensed MIT.

Use cases

• Translate design tokens from Figma to CSS variables for a web project
• Convert Tailwind theme tokens into Material 3 format for Android development
• Bridge design tokens from a v0 prototype into SwiftUI for iOS builds

Pros

• Covers multiple popular design token formats in a single tool
• Integrates into the MCP ecosystem for automated workflows
• TypeScript codebase is familiar to most frontend developers

Cons

• Very early project with only 2 GitHub stars and likely limited community support
• No evidence of testing or production readiness beyond the described pipeline
• Dependency on the MCP protocol may restrict use outside compatible environments

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.