SuperAPI AI 工具集

figma-code-connect-design-system

设计与创作

查看项目

更新于 10-16 09:31

技能介绍

用途:把产品事实(FigJam 白板、PRD、参考图、现有 Figma 文件或已发布库、代码库)整合为一个连贯的设计系统,或对既有系统做更新。核心是让设计、代码、Code Connect 映射、证据、权限与变更影响保持显式,任何生成建议都不等同于生产变更。

主要能力:提供 help、plan、run、validate、resume、refresh-sources 等命令;按 DTCG tokens、原子、分子、组织、UI 组合模板、屏幕的累积顺序构建;用 figma-code-connect 把已加固的原始组件连接到生产代码;支持 create/update/auto 模式;可生成漂移报告。

使用方式:先运行 mise run validate 确认包结构,再按命令读取 examples/ 中对应示例;权限不明时读 examples/failure-missing-authority.md。每次运行先读 references/operating-contract.md、assets/run-contract.json,通过 mise run new-run 建立外部账本,冻结 UI、平台、来源、模式、权限、输出与证明。Figma 写入需精确文件与节点范围及写入权限;仓库写入需精确目标与权限;发布、取消发布、删除、GitHub 授权、包安装、CI 变更各有独立门禁。

适用场景:需要从多来源产品事实建立或更新设计系统、维护 Figma 与 TypeScript React 生产 API 的 Code Connect 映射、做 Figma 桌面端审计等。

限制:plan、validate、refresh-sources 默认只读;脚本通过仅证明结构,渲染像素判断需强视觉能力;缺失权限、计划、席位、已发布库状态、认证或来源归属时应停止相关动作;资料未提供具体收费、价格与平台支持信息。