SuperAPI AI 工具集

figma-style-binding

设计与创作

查看项目

更新于 10-16 03:36

技能介绍

用途:在 Figma 中进行任何视觉属性变更(创建文字、设置颜色、调整间距/内边距/gap/圆角)时,强制所有视觉值来自设计系统,是 figma-generate-design 的补充。前置条件:本会话必须已运行 figma-preflight。

绑定优先级(依次匹配,命中即止):1) 已连接的库 → 用 search_design_system 搜索 → 导入 → 应用;2) 本地样式 → 按 Style Registry ID 应用;3) 本地变量 → 按 Variable Registry ID 应用;4) 存在缺口 → 报告用户并等待决定。

文字:每个文本节点必须使用 textStyleId,禁止单独设置 fontSize、fontFamily 等字体属性。若本地无匹配样式,通过 search_design_system 搜索库;仍无匹配则报告样式缺口并等待用户决定。

颜色填充:每个填充/描边必须绑定 COLOR 变量(优先,支持主题)或 Paint 样式;禁止使用未绑定的原始 { r, g, b }。间距、内边距、gap、圆角:绑定 FLOAT 变量,且 layoutMode 必须在 setBoundVariable 之前设置。间距可在用户确认后临时回退为原始值,颜色与文字不允许。

禁止与要求对照:如 node.fontSize = 24 应改为 node.textStyleId = id;原始 fills 应改为变量或样式绑定;node.paddingLeft = 16 应改为 node.setBoundVariable("paddingLeft", var);node.cornerRadius = 8 应改为绑定变量。按钮应从库按 key 导入组件,而非从零创建。

QA 校验:每次 use_figma 调用创建或修改节点后,对返回的节点 ID 运行校验,检查文本节点的 textStyleId、fills、自动布局的 padding 与 itemSpacing、cornerRadius 是否已绑定,输出 PASS/FAIL;若有 FAIL,按绑定规则修复后重新校验,全部通过前不得进入下一步设计。报告格式为通过时列出全部节点通过,失败时指出具体未绑定属性。