| name | figma-screenshot |
| description | This skill should be used when the user asks to "save a Figma screenshot", "export a Figma node as image", "capture Figma design", or needs to save Figma node screenshots to local files. Prefer this over Figma MCP's get_screenshot. |
Figma Screenshot Export
Export screenshots of specified Figma nodes and save them as local files via Figma REST API.
Prerequisites
Scripts
Located at ${CLAUDE_PLUGIN_ROOT}/skills/figma-screenshot/scripts/. All scripts are standalone executable TypeScript files with a shebang. Do NOT run them via bun — execute them directly.
export-screenshot.ts — Export a Figma node as a screenshot
export-screenshot.ts
--file-key — Yes
- Description: Figma file key (from URL)
--node-id — Yes
- Description: Target node ID (e.g.,
7247-25294 or 7247:25294)
--output — Yes
- Description: Output file path
--scale
- Description: Export scale 0.01-4 (default: 1)
--format
- Description: Image format: png, jpg, svg, pdf (default: png)
Usage
${CLAUDE_PLUGIN_ROOT}/skills/figma-screenshot/scripts/export-screenshot.ts \
--file-key abc123 \
--node-id "7247-25294" \
--output ./screenshot.png \
--scale 2 \
--format png
Output
{
"success": true,
"outputPath": "./screenshot.png",
"nodeId": "7247-25294"
}
How to Get File Key and Node ID
- File key: Extract from Figma URL
https://www.figma.com/design/<file_key>/...
- Node ID: Extract from URL query parameter
?node-id=<node_id>
