Design Token Bridge

Translates design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI.

Visit Site GitHub
Category MCP Servers
Added Mar 28, 2026
Views 47

About

Translates design tokens between multiple design systems including Tailwind CSS, Figma variables, CSS custom properties, Material Design 3, and SwiftUI. Provides bidirectional conversion between different design token formats for cross-platform design consistency.

Is this your product? Claim this listing with an email at your domain to post updates.

Is this your project?

Claim this listing to manage your page, access analytics, and unlock upgrades. Verification takes 60 seconds.

Log In to Claim

Share This Project

Share on X Share on LinkedIn

Embed Badge

Add this badge to your README:

[![Listed on AiList](https://hifriendbot.com/ai-list/badge/design-token-bridge.svg)](https://hifriendbot.com/ai-list/design-token-bridge/)
Listed on AiList

Compare

Design Token Bridge vs design-extract Design Token Bridge vs Figma Pro Design Token Bridge vs Figbridge

Similar Projects

design-extract

1,004

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio

MCP Servers

Figma Pro

27

Integrates with Figma API to retrieve design files, extract design tokens and CSS properties, process designer comments for implementation instructions, and download assets for automated design-to-code conversion across 10 frameworks including React, Vue, Angular, SwiftUI, and mobile platforms.

Libraries TypeScript

Figbridge

7

Local MCP bridge for Figma — exports HTML, CSS, Tailwind, tokens, and agent handoff bundles.

MCP Servers

List Your Project

Join the directory Ai agents read. Free forever.

Submit Your Project