plumb_assets
Export icons (SVG) + images (PNG) — recursive, list, or surgical by ids.
How to use it
Project documentation lists plumb_assets for the Plumb MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), then check which tools your installed version makes available. Tool availability can depend on configuration and credentials. A server handshake does not verify this tool’s behavior. See the full listing for setup details.
Install Plumb MCP
npm install -g plumb-mcpOther tools in Plumb MCP (21)
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).
Semantic diff between two PDS snapshots — "the hero moved from (0, 0) to (0, 120)", not a JSON diff.
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.