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.
From ui-devnpx claudepluginhub masseater/claude-code-plugin --plugin ui-devThis skill uses the workspace's default tool permissions.
scripts/export-screenshot.tsDesigns and optimizes AI agent action spaces, tool definitions, observation formats, error recovery, and context for higher task completion rates.
Enables AI agents to execute x402 payments with per-task budgets, spending controls, and non-custodial wallets via MCP tools. Use when agents pay for APIs, services, or other agents.
Compares coding agents like Claude Code and Aider on custom YAML-defined codebase tasks using git worktrees, measuring pass rate, cost, time, and consistency.
Export screenshots of specified Figma nodes and save them as local files. Uses Figma REST API as the primary method, with Desktop MCP as a fallback.
FIGMA_ACCESS_TOKEN environment variable with a Figma personal access token--scale and --format optionsUsed automatically when FIGMA_ACCESS_TOKEN is not set, or when the REST API fails.
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.
| Script | Description |
|---|---|
export-screenshot.ts | Export a Figma node as a screenshot |
| Option | Required | Description |
|---|---|---|
--file-key | Yes | Figma file key (from URL) |
--node-id | Yes | Target node ID (e.g., 7247-25294 or 7247:25294) |
--output | Yes | Output file path |
--scale | Export scale 0.01-4 (REST API only, default: 1) | |
--format | Image format: png, jpg, svg, pdf (REST API only, default: png) |
${CLAUDE_PLUGIN_ROOT}/skills/figma-screenshot/scripts/export-screenshot.ts \
--file-key abc123 \
--node-id "7247-25294" \
--output ./screenshot.png \
--scale 2 \
--format png
{
"success": true,
"outputPath": "./screenshot.png",
"nodeId": "7247-25294",
"method": "rest-api"
}
method: which export method was used ("rest-api" or "desktop-mcp")fallback: true when REST API failed and Desktop MCP was used as fallbackhttps://www.figma.com/design/<file_key>/...?node-id=<node_id>