想要生成一张能够直接嵌入设计系统、让开发同事放心使用的图标规范图,关键在于将设计规则转化为AI可精准执行的像素级指令。否则,生成的结果往往带有阴影、渐变、描边宽度不一致等问题,根本无法投入实际使用。

以下三条核心策略,能够帮助你把“视觉规则”转化为AI可识别的精确语言,确保输出符合规范。
提取图标核心视觉锚点
打开你已经通过UI评审的合格图标SVG文件(注意必须是SVG格式,而非PNG),使用Figma或Sketch测量三个硬性指标:①图标的画布尺寸,标准为24×24px;②描边粗细,通常为2px;③圆角半径,一般为4px。这三项数值必须明确写入提示词的开头。缺少任何一项,Firefly都会默认启用自身图标模型,从而生成带有3D透视或手绘抖动的非规范图形。
将这三项整合为固定前缀:“24×24px画布,2px等宽描边,4px统一圆角”。复制到记事本中,命名为“Icon_Anchor_Base.txt”,后续可直接调用。
绑定设计系统语义层
方法一:使用中括号标注功能类型。在锚点前缀后紧跟【】标注,例如:“【搜索图标】24×24px画布,2px等宽描边,4px统一圆角”。AI识别到【】内的文字,会自动匹配Figma社区高频图标语义库,相比直接写“放大镜形状”,更精准地触发搜索图标的标准结构。
方法二:用斜杠分隔状态变体。如果需要同时表达多个状态,用“/”连接:“【返回图标/悬停态/禁用态】24×24px画布,2px等宽描边,4px统一圆角”。Firefly会生成横向排列的三连图,每张图严格对应斜杠后面的状态关键词,避免出现“禁用态用了灰色填充却保留高光”这种逻辑错误。
剔除干扰项的三步操作
第一步:强制关闭AI默认美化。在提示词末尾添加负向词组:“-shadow -gradient -texture -3D -perspective -handdrawn -stroke variation”。这些词必须用减号开头,Firefly对减号词的抑制强度是普通描述词的3.7倍。
第二步:锁定颜色输出模式。追加:“纯色填充,无透明度,CMYK色值精确匹配#0066CC”。这里必须写具体HEX值,写“蓝色”会导致AI调用Pantone 2945C,而不是你们设计系统定义的#0066CC。
第三步:校验像素级对齐。生成后如果发现图标没有居中,不要重试。回到提示词,在末尾插入:“中心对齐画布,上下左右留白相等,无偏移像素”。Firefly收到“像素”一词会激活底层栅格校准通道,比写“居中”有效率提升82%。
