Enables bidirectional control between Claude Code and Figma with real-time sync, allowing creation and manipulation of design elements, component management, and document inspection through natural language commands.
Enables AI agents to read and inspect local Figma .fig files entirely offline, exposing document structure, geometry, styles, text, components, variables, and embedded images via MCP tools.
Give a component (or component set) a property that instances can change: TEXT (wire it to text layers with `bindNodeIds` — instances then edit the label without detaching), BOOLEAN (show/hide the bound layers), INSTANCE_SWAP (swap a…
Retrieve design rules, layout guides, API references, tokens, or icon instructions for Figma. Start with the quick-start overview, then load specific sections as needed.
Reconstructs a 1nm spectral sky from an EPW hour, returning a canonical dict. Optionally computes ground-glow for tilted receivers using custom albedo, engine, and atmospheric options.
Exports real vector geometry (fill and stroke paths) from Figma .fig files to SVG, PDF, or raster formats. Saves output to a file for direct use without recreating paths.
Compare Figma design tokens with code-side tokens to identify matching, missing, and divergent values. Pinpoint design-code gaps for accurate parity analysis.
Audit an animated Figma frame's motion from keyframes without rendering, catching pops, dead holds, blur errors and timing issues with per-layer fixes before export.
Read a .fig file from disk to list all screens across every page. Use it to inspect or implement screens without opening Figma, requiring no plugin pairing or token.
Summarize a local Figma .fig file by extracting document name, export date, node counts, page list, and counts of components, variables, and images. Read-only and offline.
Turn an existing node (usually a frame) into a reusable COMPONENT, keeping its properties and children — the toolbar's Create component. The result has its own id (returned).
Combine components into one component set (variants), like Figma's Combine as variants. Name each component "Property=Value, Other=Value" first (figma_rename_node) — Figma derives the variant properties from those names.
Several edits in ONE call and ONE undo step — a polish pass over what you built: fills, strokes, radius, effects, auto-layout, sizes, text, constraints, names.
Run JavaScript in the open Figma document to create, edit, move, style or delete nodes in one call, returning a screenshot so each change is verified visually.