利用硬编码设计变量锁定线性特征
这一步骤的核心是阻断AI自由发挥的空间,强制它从你预设的变量池中取值,而非在其训练数据中随机采样“线性”一词的多种实现方式。
首先,打开Figma的「设计」面板,进入「颜色」「尺寸」「圆角」三个子页面,确认已创建并命名以下变量:
— 颜色变量:icon-stroke-primary(值为#1E40AF)
— 尺寸变量:icon-stroke-2(值为2px)
— 圆角变量:icon-radius-none(值为0px)
接着,在AI插件输入框中输入完整指令:“生成一组5个线性图标:home、search、user、settings、bell,全部使用icon-stroke-primary描边色、icon-stroke-2描边宽度、icon-radius-none圆角,路径必须闭合,无填充,无嵌套组,所有图标严格居中于24×24画布内”。
生成后立即检查图层右侧属性栏:描边字段旁必须显示【链接到变量】图标,若显示的是“2px”或“#1E40AF”等固定值,则说明绑定失败,需要手动点击描边旁的变量链接按钮,并选择对应变量名。
通过JSON Schema前置注入结构规则
AI是按顺序解析提示词的,将结构规则写在最前面,它会先加载这套框架,再处理后续的功能描述。仅靠自然语言说“线条要均匀”,AI无法判断“均匀”是指±0.1px还是±2px。
方法一:单行Schema注入
在提示词开头粘贴以下代码(严格单行,不换行、不空格):{"grid":"24x24","stroke":"2px","cap":"round","join":"round","corner":"0px","style":"outline"}
方法二:紧接Schema输入功能指令
例如:“搜索图标,放大镜图形,手柄与镜面连接处无尖角,镜面内部负空间比例为1:1.618,不加阴影不加渐变”。
生成后立即使用标尺工具检查三处:①任意直线端点是否为圆头(cap: round);②任意转角是否为圆弧过渡(join: round);③描边宽度是否精确为2px——只要有一项不符合,说明Schema未生效,下一轮需要将字段加引号重复,例如"stroke":"2px"。
利用参考图锁定视觉节奏
再详细的文字描述也难以让AI理解“线性”的呼吸感,但一张参考图就能让它感知笔触密度、负形节奏、端点曲率分布。无需多张图,只需选择一张最能代表你想要的“线性感”的图标即可。
首先,准备一张24×24像素、透明背景、纯单色的线性图标PNG(建议从官方Material Icons或Heroicons下载原始SVG后再导出)。
接着,在Figma AI插件面板点击“Add reference image”,上传该图,上传后右下角必须出现【Style locked to reference】状态标识。
此时提示词只需写图标名称,如“home icon”“search icon”“user icon”,并删除所有风格类词汇——包括“line”“outline”“thin”“minimal”,这些词反而会干扰AI对参考图的专注。
生成后放大到400%,使用像素网格检查每条线的端点是否统一为圆头、每处转角弧度是否一致、相邻图标间负空间密度是否肉眼可见一致。
分模块逐一生成并即时校验
一次性生成整组图标,AI容易在后几个图标上出现“疲劳走样”。建议按顺序逐个生成,每生成一个立即校验,比批量生成后再返工效率更高。
第一步:新建一个空白Frame,尺寸设置为24×24,命名为“icon-home”。
第二步:选中该Frame,点击AI插件→「Generate in Selection」→输入“home icon, line style, 2px stroke, no fill, centered”。
第三步:生成后立即用CheckDesign插件运行“Stroke Consistency Check”,阈值设为±0.1px。
第四步:仅当通过校验,才复制该Frame并改名为“icon-search”,重复第二、三步操作。
第五步:全部完成后,全选五个Frame,右键→「Export All Frames」→格式选SVG,勾选「Include size in filename」。
