用途:通过 pi-penpot 扩展在 Penpot 中完成设计工作流,包括创建项目、组织页面、构建组件、导出资源、视觉审查以及设计到代码的交付。
主要能力:使用 penpot、penpot_page、penpot_comment 三个工具。penpot 负责组织级操作(项目、文件、团队、库、webhook、快照、分享链接);penpot_page 负责页面与形状的创建、修改、删除、移动及组件;penpot_comment 负责评论线程与回复。形状支持填充、透明度、旋转、圆角(r1-r4)、阴影、模糊、描边和文本样式。
使用方式:先创建项目并设置标准页面(设计系统、线框图、每个主要屏幕一页)。定义颜色、字体、间距、圆角、阴影等基础。用 penpot_page add-rectangle、add-text 创建形状,再用 modify-shape 添加阴影、描边、模糊等高级样式。fontSize 和 fontWeight 必须传字符串。视觉审查时先创建分享链接,再用 Playwright 截图 Penpot 查看器 URL,等待 6 秒以上渲染,截图后关闭浏览器并删除临时文件。
适用场景:设计系统搭建、组件库建设、响应式设计、设计审查、设计到代码交付。
限制:阴影和模糊只能在 modify-shape 阶段添加,创建时不支持。分享链接是查看器渲染的必要条件。文件特性需从 get-file 获取并回传。具体收费、价格、平台支持等信息暂未提供。