plumb_diff
Semantic diff between two PDS snapshots — "the hero moved from (0, 0) to (0, 120)", not a JSON diff.
How to use it
plumb_diff is exposed by the Plumb MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the plumb_diff tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.
Install Plumb MCP
npm install -g plumb-mcpOther tools in Plumb MCP (21)
Export icons (SVG) + images (PNG) — recursive, list, or surgical by ids.
Heuristic accessibility checks — text contrast, button touch-target size.
Brief → live-screenshots best-in-class reference sites + a synthesized brand palette/type board on the canvas.
List components + instance usages, plus an opt-in design-system health report (unused components, near-duplicate names, variant outliers).
Text-only visual description — for image-blind harnesses.
Author a design from Plumb's high-level Design DSL and build it into Figma (full control: pages, sections, components, motion).
Deterministic React/JSX generator from a PDS or a plumbimportweb result — same emitter, either source.
The self-healing loop: verify + a 0–100 convergence score + prioritised fixes.
Import a live webpage's structure and semantics — no Figma connection needed. Same role classifier Figma designs use.
Extract a screen as compact PDS — by id or by name.
Every screen in the file (id, name, size).
Pull a slice (skeleton / buttons / text / components / role) when a full screen would blow the token budget.
The critique loop: blends a structural diff, a deterministic design rubric, and the calling agent's own vision verdict into one score + ranked fixes. No API key — the agent that drives the MCP server is the creative director.
Render any node to PNG/JPG.
Find nodes by name and/or type.
The user's live Figma selection.
Resolve on-brief assets (icons, photos, illustrations, patterns) for a design.
Self-description, key legend, connection state. Call first.
The design director. One brief → researched references → extracted brand → a full composed Figma page. Returns the node ids + authored spec so you can critique and refine.
Design-token table (colours, type, radii, shadows).
Diff rendered layout against the design — ΔE2000 colour, shadow/rotation/flex checks.