by noemuch · MCP Server · ★ 147
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
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
| 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 |
These tools work well together with bridge for enhanced workflows:
Looking for a bridge alternative? If you're comparing bridge with other mcp server tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.
AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data.
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity
A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 60 commands, 13,8
A virtual design studio for Claude Code — 27 slash commands, 13 specialist roles, full design-to-code pipeline
Generate design system documentation for your UI components, directly from your AI agent. Renders into Figma o
Claude Code skills for the work that keeps a design system alive
Explore other popular mcp server tools:
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.
bridge is primarily written in TypeScript. It covers topics such as claude-code, design-system, figma.
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.
bridge is released under the MIT license, making it free to use and modify according to the license terms.
The top alternatives to bridge on Agent Skills Hub include figma-ui-mcp, claude-talk-to-figma-mcp, naksha-studio. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.