Plumb

What it does

Plumb connects AI coding agents to Figma, allowing them to read design specs without the massive token overhead of the official Figma API. It uses a local plugin path to bypass REST rate limits and works on all Figma plans, including the Free tier.

Tools

• plumb_status: Connection state and key legend.
• plumb_outline: Lists every screen in the file.
• plumb_node: Extracts a screen as a compact Plumb Design Spec (PDS).
• plumb_query: Pulls specific slices (buttons, text, etc.) to save tokens.
• plumb_describe: Provides text-only visual descriptions for image-blind agents.
• plumb_tokens: Extracts design-token tables (colors, typography, radii).
• plumb_selection: Accesses the user's live Figma selection.
• plumb_assets: Exports SVG icons and PNG images directly to disk.
• plumb_screenshot: Renders any node to PNG/JPG.
• plumb_search: Finds nodes by name or type.
• plumb_components: Lists components and their usages.
• plumb_verify: Diffs rendered layout against the design with perceptual color distance.
• plumb_fig_outline: Reads saved .fig files from disk headlessly.
• plumb_fig_node: Fetches a single node from a .fig file.

Installation

{
  "mcpServers": {
    "plumb": {
      "command": "npx",
      "args": ["-y", "plumb-mcp"]
    }
  }
}

Supported hosts

Claude Desktop, Cursor, Windsurf, VS Code