bridge: Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket

by noemuch · MCP Server · ★ 155

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install bridge

npx @noemuch/bridge-ds init

Taken from the project's README on GitHub.

Security audit verdict: SAFE · quality 72/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours.

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

claude-codedesign-systemfigmafigma-mcpmcp

Quick Facts

Stars155
Forks15
LanguageTypeScript
CategoryMCP Server
LicenseMIT
Quality Score72/100
Open Issues8
Last Updated2026-06-03
Created2026-03-07
Platformsbrowser, claude-code, mcp, node
Est. Tokens~108k

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.

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%)

bridge alternative? Top 6 similar tools

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.

  • work-with-design-systems by natdexterra · ⭐ 52

    Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and compone

  • figma-ui-mcp by TranHoaiHung · ⭐ 264

    AI can draw UI directly on the Figma canvas via JavaScript, and read existing designs back as structured data.

  • plumb-mcp by tathagat22 · ⭐ 79

    Local Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in

  • claude-talk-to-figma-mcp by arinspunk · ⭐ 662

    A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity

  • naksha-studio by Adityaraj0421 · ⭐ 353

    A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 30 roles, 70 commands, 16,0

  • uSpec by redongreen · ⭐ 241

    Generate design system documentation for your UI components, directly from your AI agent. Renders into Figma o

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular TypeScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse MCP Server tools