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	147
Forks	11
Language	TypeScript
Category	MCP Server
License	MIT
Quality Score	57.588/100
Open Issues	1
Last Updated	2026-05-19
Created	2026-03-07
Platforms	browser, claude-code, mcp, node
Est. Tokens	~106k

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 ⭐ 189.3k
ECC ⭐ 187.4k
everything-claude-code ⭐ 186.6k
dify ⭐ 142.3k
open-webui ⭐ 138.2k
gemini-cli ⭐ 104.5k
awesome-mcp-servers ⭐ 86.1k
servers ⭐ 86.1k
ragflow ⭐ 79.0k
lobehub ⭐ 77.5k

View all MCP Server tools →

Popular TypeScript Agent Tools

openclaw ⭐ 374.0k · Codex Skill
n8n ⭐ 189.3k · MCP Server
dify ⭐ 142.3k · MCP Server
gemini-cli ⭐ 104.5k · MCP Server
gstack ⭐ 100.8k · 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 147 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 147 stars and 11 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