@noemuch/bridge-ds

data-ai MCP Server

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

VerifiedInstall Ready
data-aidata-ai
2 views150 stars13 forksv7.1.3MIT

Why This Matters

Discovered via github-topic:mcp and last synced 3mo ago.

VerifiedInstall Ready
Source
github-topic:mcp
Stars
150
Last synced
3mo ago
Install
Instructions detected

Install

1. Install the package

npx @noemuch/bridge-ds

2. Add to claude_desktop_config.json

{
  "mcpServers": {
    "-noemuch-bridge-ds": {
      "command": "npx",
      "args": [
        "@noemuch/bridge-ds"
      ]
    }
  }
}

Config file location: ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) / %APPDATA%\Claude\claude_desktop_config.json (Windows)

11
Tools
0
Resources
0
Prompts
Standard I/O
Transport

Available Tools (11)

Layer

Technology

generating-figma-design

`make <description>`

Command

Purpose

using-bridge

SessionStart (auto)

Skill

Trigger

TypeScript

Scene graph JSON → Figma Plugin API code (26 rules enforced)

Stage

Purpose

learning-from-corrections

`fix`

extracting-design-system

`setup bridge`

MCP

`figma-console-mcp` (preferred) or official Figma MCP server

shipping-and-archiving

`done`