Communitygithub.com

open-pencil/open-pencil

處理 Figma .fig 設計檔案及操作執行中的 OpenPencil 編輯器 — 檢視結構、查詢節點、分析設計標記、匯出 PNG/SVG/PDF/JSX,並以程式方式修改設計。用於被要求開啟、檢視、匯出、分析或編輯 .fig 檔案,或控制執行中的 OpenPencil 應用程式時。

open-pencil 是什麼?

這是一個專門用於操作 Figma .fig 設計檔案及控制 OpenPencil 編輯器的 AI 工具技能。其主要用途是讓 AI 代理能夠與設計檔案進行深度互動,包括檢視檔案結構、查詢特定節點屬性、分析設計標記(如顏色、字型等),以及將設計匯出為 PNG、SVG、PDF、JSX 等多種格式。此外,還支援以程式方式修改設計內容,實現自動化編輯。此技能主要適用於 AI 編碼代理(如 Claude Code、Cusor、Codex 等)環境,透過命令列或 API 與 OpenPencil 編輯器通訊。其運作方式是解析 .fig 檔案的二進位或文字表示,並利用 OpenPencil 提供的 API 或指令進行操作,使開發者無需手動開啟 Figma 即可完成設計相關任務。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/open-pencil/skills/tree/main/skills/open-pencil

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

open-pencil 是做什麼的?

處理 Figma .fig 設計檔案及操作執行中的 OpenPencil 編輯器 — 檢視結構、查詢節點、分析設計標記、匯出 PNG/SVG/PDF/JSX,並以程式方式修改設計。用於被要求開啟、檢視、匯出、分析或編輯 .fig 檔案,或控制執行中的 OpenPencil 應用程式時。

相關技能