Figma MCP export image: how the agent sees a layer
Figma MCP export image means one tool, node_export_visual. With FigmaMCP, Claude Code or Codex can render any layer in your open file to PNG, JPG, SVG or PDF at a scale you choose. It only reads. The agent uses it to see your design and to check its own edits.
What node_export_visual returns
| Format | What comes back | Good for |
|---|---|---|
| PNG | A base64 image. Clients that support it show the image inline. | Checking a layout after an edit, or showing the agent what a design looks like. |
| JPG | A base64 image, same as PNG. | A smaller picture of a photo-heavy layer. |
| SVG | Raw SVG markup the agent can read directly. | Inspecting the structure of an icon or shape. |
| A base64 file, a delivery artifact. | A PDF of a layer. Prefer PNG or SVG when the agent needs to look. |
Download for Mac Version 0.1.10
How Figma MCP export image works
The tool is node_export_visual. It renders one layer to an image at a scale you choose. The layer can be a single icon or a whole frame. It only reads. It never changes your file. Export is how an agent sees your design, and how it checks its own edits.
The tool returns the image data to the agent. Saving that data as a file in your project is a step the agent does with its own file tools. FigmaMCP does not save files itself.
Why the agent exports at all
An agent that only reads layer data cannot see spacing, color or overlap. It reads numbers and names. An exported picture lets it look at the result. A common loop is: the agent changes a frame, exports it, looks, and fixes what it finds. You can also ask for a picture at any time, for example before you approve a change.
Scale
Use a scale of about 1.0 for a few layers. Use 0.3 to 0.5 for a large group, so the reply stays small. To check a big edit, export one chunk at half scale, fix what you see, then export the whole frame at a low scale for a final look.
Figma MCP export: example requests
| You ask | What the agent does |
|---|---|
| “Show me the pricing frame as it looks now.” | Exports the frame as PNG and looks at the image. |
| “Export this icon as SVG.” | Exports the layer as SVG and returns the markup. It can then write it to a file if you ask. |
| “Check that the new card matches the old one.” | Exports both layers and compares the pictures. |
| “Replace the headline, then show me the result.” | Edits the text, then exports the frame at a low scale to verify. |
What export does not do
- It does not export variables or tokens. For that, see Figma MCP variables.
- It does not write code. For code, see Figma to code with MCP.
- It works on the file open in the Figma desktop app. It does not work in the browser.
FigmaMCP has no call quota. For Figma’s own limits, see Figma MCP limit reached. For all tools, see the tools list.
