bridge

About bridge

Bridge DS Compiler-driven design generation for Figma — 100% design system compliant. Bridge turns Claude Code into a designer that knows your design system inside out. Instead of writing raw Figma Plugin API scripts, Claude produces declarative scene graph JSON with token references. A local compiler resolves tokens, validates structure, enforces all Figma API rules, and generates correct executable code — then executes it in Figma via MCP. The result: production-ready Figma designs that use your real components, bound variables, and text styles. Zero hardcoded values.

claude-code design-system figma figma-mcp mcp

Quick Facts

Stars	148
Forks	12
Language	TypeScript
Category	MCP 服务器
License	MIT
Quality Score	57.588/100
Open Issues	1
Last Updated	2026-06-03
Created	2026-03-07
Platforms	browser, claude-code, mcp, node
Est. Tokens	~108k

Compatible Skills

These tools work well together with bridge for enhanced workflows:

uSpec — semantic(0.75)+rare_topics+same_lang+similar_pop+shared_platform (64%)
naksha-studio — semantic(0.33)+complementary+rare_topics+similar_pop+shared_platform (61%)
design-system-ops — semantic(0.46)+complementary+rare_topics+similar_pop+shared_platform (60%)
design-studio — semantic(0.45)+complementary+rare_topics+similar_pop+shared_platform (60%)
community-resources — semantic(0.77)+rare_topics+similar_pop+shared_platform (54%)

More MCP 服务器 Tools

Explore other popular mcp 服务器 tools:

ECC ⭐ 216.7k
n8n ⭐ 192.9k
everything-claude-code ⭐ 186.6k
dify ⭐ 145.6k
open-webui ⭐ 141.9k
gemini-cli ⭐ 105.3k
cc-switch ⭐ 103.1k
awesome-mcp-servers ⭐ 89.3k
servers ⭐ 87.4k
ragflow ⭐ 79.0k

View all MCP 服务器 tools →

Popular TypeScript Agent Tools

openclaw ⭐ 379.1k · Codex 技能
n8n ⭐ 192.9k · MCP 服务器
dify ⭐ 145.6k · MCP 服务器
gstack ⭐ 110.8k · AI 工具
gemini-cli ⭐ 105.3k · MCP 服务器

Frequently Asked Questions

What is bridge?

bridge is Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.. It is categorized as a MCP 服务器 with 148 GitHub stars.

What programming language is bridge written in?

bridge is primarily written in TypeScript. It covers topics such as claude-code, design-system, figma.

How do I install or use bridge?

You can find installation instructions and usage details in the bridge GitHub repository at github.com/noemuch/bridge. The project has 148 stars and 12 forks, indicating an active community.

What license does bridge use?

bridge is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse MCP 服务器 tools