SuperAPI AI 工具集

design-systems

设计与创作

查看项目

更新于 10-16 05:02

技能介绍

用途:管理并应用 Design 应用中的品牌设计系统。设计系统存储品牌标识令牌(颜色、字体、间距、Logo),并应用到项目内所有设计。数据存于 design_systems 表,含 id、title、description、data(DesignSystemData 令牌 JSON)、assets、is_default、owner_email、org_id。DesignSystemData 涵盖 colors、typography、spacing、borders、defaults、logos、imageStyle、customCSS、notes;其中 imageStyle.styleDescription 会并入关联该系统的每次 generate-asset 提示,以保持生成图像符合品牌。

主要能力:创建、读取、列出、更新设计系统,设置默认;从网站 URL、GitHub 仓库、本地代码文件、文档(DOCX/PPTX/PDF)、现有项目或设计系统、Figma 文件导入;支持 material-3、carbon-white、primer-light 等模板;可将 CSS 变量/令牌直接导入当前设计(import-design-tokens);支持 Figma 帧像素级导入(import-figma-frame)、剪贴板粘贴、读取 Figma 文件上下文、列出并插入 Figma 库资产与 Design 原生资产。

使用方式:通过 pnpm action 命令操作,如 create-design-system、get-design-system、list-design-systems、update-design-system、set-default-design-system、import-from-url、index-design-system-with-builder、import-document、import-design-project、import-design-tokens、import-figma-frame、get-figma-design-context、list-figma-library-assets、insert-figma-library-asset、list-design-native-assets、insert-design-native-asset 等。首个设计系统自动设为默认。

适用场景:建立品牌令牌、从既有系统或 Figma 提取品牌套件、将令牌应用到设计、生成符合品牌的图像与界面。

限制:模板存在时拒绝 data 覆盖;Figma 令牌提取须经 Builder 索引,未连接 Builder 需先连接;.fig 在 Design 编辑器导入仅限屏幕、实验性且失败会显式警告;剪贴板匹配在无 figmeta 时采用保守回退,可能不导入结构;部分属性 CSS 只能近似,向量网络等以 PNG 回退。具体收费、价格、平台与效果资料暂未提供。