io.github.rudraptpsingh/figbridge — MCP Server

Free, local Model Context Protocol (MCP) bridge for Figma. It focuses on exporting or converting design artifacts into HTML and CSS, generating Tailwind output, working with design tokens, and packaging “agent handoff bundles.” It’s described as a Figma-to-code and design-to-code tool, using the MCP model-context-protocol.

🛠️ Key Features

Local MCP bridge for Figma
HTML and CSS generation
Tailwind output
Design tokens handling
Agent handoff bundles

🚀 Use Cases

Figma to code workflows (design-to-code)
Integrating design tokens into implementations
Passing design context to agents via handoff bundles
Building UI with Tailwind from Figma sources

⚡ Developer Benefits

Supports MCP (model-context-protocol) integration for tooling
Bridges Figma assets to HTML/CSS/Tailwind
Includes a path for design tokens and agent handoff

⚠️ Limitations

Scope indicated by description: primarily Figma-to-code and related bundling

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.

Add to VS Code Add to Cursor

claude_desktop_config.json

json

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

io.github.rudraptpsingh/figbridge