io.github.rudraptpsingh/figbridge

Official

by rudraptpsingh · JavaScript

Free, local MCP bridge for Figma — HTML, CSS, Tailwind, tokens, agent handoff bundles.

Local bridge to convert Figma designs into HTML, CSS, Tailwind, and design tokens.

Topics

ai-agentsanthropicclaudecursordesign-to-codedesign-tokensfigmafigma-pluginfigma-to-codemcpmodel-context-protocoltailwindcss

Install

Configuration

Environment variables

FIGBRIDGE_PORT

Preferred TCP port for the local HTTP+SSE bridge that the Figma plugin connects to. Defaults to 7331. If the port is in use, the bridge walks 7331..7340 automatically.

claude_desktop_config.json

{
  "mcpServers": {
    "figbridge": {
      "command": "npx",
      "args": [
        "-y",
        "figbridge-mcp@0.4.0"
      ],
      "env": {
        "FIGBRIDGE_PORT": "<YOUR_FIGBRIDGE_PORT>"
      }
    }
  }
}