Skills
.Work. You
Rest

playwright-figma-scrape

Community

用 Playwright 在 MCP 限額耗盡時抓取 Figma 設計稿

Software Engineering#automation#figma#mcp#playwright#design-tokens#scrape#layer-inventory
AuthorImL1s
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Figma MCP 限額限制官方工具的使用，當配額耗盡或需要批量處理多個 frame、提取 token、建立 frame-to-code 對照表時，這個工作流提供系統化解決方案。

Core Features & Use Cases

  • 輪批量抓取多個 frame 的截圖、token、以及 layer inventory。
  • 從 DOM 提取 design token 與元件屬性以對照設計和代碼實現。
  • 建立 frame-to-code 對照表與驗證流程，支援設計與實作的一致性檢查。
  • 適用於 Figma MCP 配額耗盡情形、需要批量處理與比對的任務場景。

Quick Start

透過觸發指令在 MCP 配額耗盡時批量抓取 Figma 設計稿的 frame、token 與 layer inventory。

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playwright-figma-scrape
Download link: https://github.com/ImL1s/flutter-claude-skills/archive/main.zip#playwright-figma-scrape

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.