tathagat22

tathagat22 / plumb-mcp

Public

Local Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in alternative to Figma's Dev Mode MCP and Framelink for Claude Code, Cursor, Windsurf — works on every plan including Free.

ai ai-coding-agent anthropic claude-code claude-mcp
11
0
100% credibility
Found May 26, 2026 at 17 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

Plumb is a developer tool that helps AI coding assistants build user interfaces from Figma designs. Unlike other Figma-to-code tools, Plumb includes a verification step that actually checks whether the built code matches the original design. It works by installing a small companion plugin inside Figma that reads designs directly (bypassing API limits), then converting the design into a compact format the AI can understand. The unique verification feature compares rendered code against the design and shows exactly what's different—colors, spacing, missing elements—so developers can fix issues before shipping. Plumb works on every Figma plan including free, and connects to popular AI coding tools like Claude Code, Cursor, and VS Code.

How It Works

1
😤 You've hit a wall with Figma

Your AI coding assistant keeps hitting limits when trying to read your Figma designs—token caps, rate limits, or plan restrictions keep getting in the way.

2
📦 You install Plumb

You download Plumb and install a small companion tool inside Figma. Everything works on every plan, even the free one.

3
🔗 You connect it to your editor

Plumb automatically detects your coding editor—whether you're using Claude Code, Cursor, VS Code, or Windsurf—and sets everything up for you.

4
🎨 You load your design

Open your Figma file, click one button to pair the plugin, and Plumb instantly sees every screen, icon, and image in your design—no API keys needed.

5
🤖 AI builds your UI

You ask your AI assistant to build the login screen. It reads a clean, simplified version of your design and writes the code.

6
Plumb checks the result
✅
Everything matches

The built UI matches your design perfectly. You're done.

⚠️
Something's off

Plumb shows you the differences—wrong colors, wrong spacing, missing elements—so you can fix them.

🎉 Your UI matches the design

After any quick fixes, your built interface looks exactly like the Figma design. The verification loop is closed.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 17 to 11 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is plumb-mcp?

Plumb is a local MCP server that bridges Figma designs to AI coding agents. It reads your Figma file through a desktop plugin and exposes 12 tools for extracting screens, design tokens, assets, and components. The key pitch: it returns compact, normalized specs instead of Figma's usual multi-hundred-thousand-token JSON dumps, and it includes a verification loop that actually proves your rendered code matches the design. Built in TypeScript, it works with Claude Code, Cursor, Windsurf, and any MCP-compatible tool. The plugin path bypasses REST entirely, which means no rate limits and no per-call quotas.

Why is it gaining traction?

The hook is pain. Developers hitting Figma's Dev Mode MCP hit a 25k token ceiling on real screens, a 6 tool-call monthly limit on Starter plans, and 429 rate limit errors on free workspaces. Plumb's plugin path sidesteps all of it by reading the in-memory document directly. Variables work on Free plans (Enterprise-only via REST). The verification CLI (`plumb-mcp verify`) drives headless Chrome against your dev server and diffs the rendered layout against the design with structured deltas. No pixel diffing, no guesswork.

Who should use this?

Frontend developers using Claude Code, Cursor, or Windsurf who build UI from Figma designs and want confidence the output matches. Teams on Figma Free or Starter plans frustrated by metered tool-call limits. Anyone tired of hallucinated layouts from agents that can't verify their work. CI pipelines that need headless Figma file reading via the `.fig` import path.

Verdict

The concept is solid and the verification loop is genuinely useful. At 11 stars with a 1.0% credibility score, this is early-stage software from a single author. The code has tests, Docker support, and multi-language documentation, but maturity is low. Worth trying if you're blocked by Figma's limits, but treat it as experimental until the community grows.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.