SuperAPI AI 工具集

penpot-component-factory

通用与其它

查看项目

更新于 10-16 07:57

技能介绍

用途:在 Penpot 中创建并维护组件及其完整变体矩阵(尺寸、层级、图标位、各交互状态),要求所有数值绑定设计令牌而非硬编码。

主要能力:用 Board + flex 布局搭建基础组件并转为库组件;克隆基础组件派生各状态变体,逐格 createComponent;通过 penpotUtils.createVariantContainer(≥2.17)或回退的 penpot.createVariantFromComponents 组合为变体容器;用 export_shape 做视觉自检,instance.switchVariant(pos, value) 演示切换。校验脚本检查状态齐全、数值全部令牌化、命名规范。命名约定为组件 PascalCase,变体 Property=Value。

使用方式:按阶段执行——发现(读令牌与已有组件,确认轴矩阵)、基础、逐格变体、分组命名、校验,每阶段设人工检查点。高风险的分组阶段需先让用户复制文件,做一次变体变更后验证能保存再继续。

限制:变体变更(setVariantProperty、轴重命名、解绑/删除变体)存在已知文件损坏风险,可能使后续保存以未暴露的 HTTP 400 失败或调用挂起约 30 秒;官方建议改用独立组件按 Component / Axis=Value 命名排列,由用户在界面中转成真变体。模板块名与参数、各脚本细节以资料为准,未提供价格与平台兼容范围。