Stats
Actions
Tags
Exports Figma frames as PNG images via REST API from URLs. Use for obtaining design screenshots to visually compare with code implementations.
How this skill is triggered — by the user, by Claude, or both
Slash command
/figma-visual-reviewer:figma-exportThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
從 Figma URL 導出指定 frame 的 PNG 截圖。
從 Figma URL 導出指定 frame 的 PNG 截圖。
FIGMA_ACCESS_TOKEN 必須設定requests：pip install requestspython scripts/figma-export.py "<figma_url>" --output design.png [--scale 2] [--node-id <id>]
| 參數 | 必填 | 說明 |
|---|---|---|
figma_url | 是 | Figma 檔案或 frame 的 URL |
--output | 否 | 輸出檔名（預設 figma-export.png） |
--scale | 否 | 縮放倍數（預設 2，即 2x 解析度） |
--node-id | 否 | 指定 node ID（從 URL 的 node-id= 參數取得） |
支援以下格式：
https://www.figma.com/file/XXXXX/FileName?node-id=1-2https://www.figma.com/design/XXXXX/FileName?node-id=1-2如果沒有 Figma Token：
npx claudepluginhub mukiwu/muki-ai-plugins --plugin figma-visual-reviewerExports images, icons, and assets from Figma files via REST API. Renders nodes as PNG, SVG, JPG, or PDF for asset pipelines, icon sets, and frame previews.
Captures web page URLs and converts them to editable Figma design files via the Figma MCP. Supports Playwright-based injection and URL fragment methods.
Clones live webpages into active Figma file: measures layout, colors, fonts, text positions via Chrome DevTools, builds frames/tables with Figma Plugin API.