---
title: "design-token-bridge-mcp"
description: "MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI."
canonical: "https://vibing.inc/library/design-token-bridge-mcp-vg-0045"
category: "AI Skills, Agents & MCP"
subcategory: "Design MCP"
license: "open-source"
author: "@kenneives"
source: "https://github.com/kenneives/design-token-bridge-mcp"
---

# design-token-bridge-mcp
MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.
## Facts
- Source: https://github.com/kenneives/design-token-bridge-mcp
- Category: AI Skills, Agents & MCP / Design MCP
- Author: @kenneives
- Licence: open-source
- Tags: mcp, design-tokens, tailwind, figma
## Why it's a gem
Token translation is the exact friction point in every design-to-code handoff.
---
Listed in The Vibeary: https://vibing.inc/library/design-token-bridge-mcp-vg-0045 · JSON: https://vibing.inc/api/public/library/gems/design-token-bridge-mcp-vg-0045