playwright-figma-scrape

為什麼用這個 skill

Figma 官方 MCP 工具（get_design_context、get_screenshot、get_metadata）有 View seat 配額限制，超限後所有 Figma MCP 工具同池鎖死。Playwright MCP 不算 Figma 配額，可以：

• 批量抓取 — 一次抓 N 個 frame（MCP 只能一個一個）
• DOM 提取 — 從 Figma web UI 讀 Properties panel 提 token
• 畫 layer 結構圖 — 列出所有 node-id + 名稱建立 inventory
• 系統對齊驗證 — Figma 實際值 vs 代碼當前值逐項對照

唯一缺陷：Playwright 拿不到 Figma MCP 獨有的 Code Connect 代碼映射。但截圖、token、layer 結構、視覺對比都完全夠用。

環境前置條件

必須

• mcp__playwright__browser_* tools 可用（Claude Code session 有加載 Playwright MCP）
• Figma account 已登入（瀏覽器有 session cookie 或 Chrome extension bridge 模式）
• 知道 target Figma fileKey（從 URL 抽出）