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. Architecture Bridge supports two MCP transports: Auto-detection picks the best available transport. See transport-adapter.md for details. Prerequisites Claude Code installed [N

claude-code design-system figma figma-mcp mcp

Quick Facts

Stars	95
Forks	3
Language	JavaScript
Category	MCP Server
License	MIT
Quality Score	61.43/100
Last Updated	2026-04-03
Created	2026-03-07
Platforms	browser, claude-code, mcp, node
Est. Tokens	~22k

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 Server Tools

Explore other popular mcp server tools:

n8n ⭐ 182.8k
everything-claude-code ⭐ 143.6k
dify ⭐ 136.5k
open-webui ⭐ 129.8k
gemini-cli ⭐ 100.5k
awesome-mcp-servers ⭐ 84.3k
ragflow ⭐ 77.3k
lobehub ⭐ 74.8k
context7 ⭐ 51.9k
TrendRadar ⭐ 49.9k

View all MCP Server tools →

Popular JavaScript Agent Tools

everything-claude-code ⭐ 143.6k · MCP Server
get-shit-done ⭐ 48.6k · Claude Skill
ToolJet ⭐ 37.7k · Agent Tool
claude-task-master ⭐ 26.4k · Agent Tool
agent-skills ⭐ 24.3k · Agent Tool

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 Server with 95 GitHub stars.

What programming language is bridge written in?

bridge is primarily written in JavaScript. 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 95 stars and 3 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 Server tools