Communitygithub.com

open-pencil/open-pencil

处理 Figma .fig 设计文件并操控正在运行的 OpenPencil 编辑器 — 检查结构、查询节点、分析设计令牌、导出 PNG/SVG/PDF/JSX 并以编程方式修改设计。在需要打开、检查、导出、分析或编辑 .fig 文件,或控制正在运行的 OpenPencil 应用时使用。

open-pencil 是什么?

此技能专为与 Figma .fig 设计文件和 OpenPencil 编辑器交互而设计。它使 AI 代理能够直接检查设计文件的结构、查询特定节点以及提取设计令牌,例如颜色和排版。除了只读操作外,它还支持将设计导出为 PNG、SVG、PDF 和 JSX 等常见格式,从而实现无缝的开发者工作流程。此外,该技能允许对设计进行编程性修改,从而能够通过自然语言命令自动执行设计调整。此技能主要面向开发者、设计工程师以及任何在基于终端的 AI 环境(例如 Claude Code、Cursor 或 Codex)中处理设计文件的人员,提供无需手动操作 GUI 即可分析和操作设计的能力。

兼容平台~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 应用时使用。

相关技能