AI 生成图标还是买图标库？UI 交付怎么选

一套 40 个图标的界面，AI 两小时能出草稿，商业图标库花几百元能直接下载。选错的代价不在当下，而在三个月后你为一个圆角要重建整套 SVG。

一、先把「图标」拆成三类，别一锅炖

很多人争论「AI 能不能替代图标库」，问题在于把三种完全不同的东西混在一起：

• 功能图标（导航、操作、状态）：出现在 16–24px 的小尺寸，靠网格对齐和统一描边活着，一致性就是全部价值。

• 装饰性图标（空状态、引导页、营销落地页）：尺寸大、可以有个性、用完即弃，AI 生成优势明显。

• 品牌专属符号（App 图标、吉祥物、logo 变形）：要求独占性，任何现成库都满足不了。

结论先给：功能图标优先买库或严格规范化后生成；装饰性图标放心用 AI；品牌符号用 AI 出草图、人工重绘收尾。

二、AI 生成功能图标的四个硬短板

不是「画得不好看」，而是工程层面的不匹配：

1. 路径冗余。一个本该 1KB 的图标，生成结果常带 <defs>、随机 id、内联 style，体积能到 5–8KB。做成 React 组件前必须清洗。

1. 网格不对齐。24px 画布上 1.5px 描边会落在半像素，浏览器渲染时发虚。AI 很少主动遵守 0.5 的坐标规则。

1. 同一套内参数漂移。第 3 个图标圆角 2px、第 7 个变 4px、描边端点一个 round 一个 butt，放大到 64px 立刻露馅。

1. 版权不可穷举检索。各平台对模型输出的商用条款不同，且无法反向检索「是否撞了某个已有图标库」。客户要授权证明时，这一步会卡死交付。

三、什么情况下买库反而更省钱

算一笔账：一套含 700–900 个图标、可商用、含 Figma 组件的授权，年费大致在 200–600 元区间。而设计师把 40 个 AI 图标清洗到能进生产——对齐、统一描边、改命名、做四档尺寸验证——通常要 6–10 小时。按 300 元/小时折算，远超授权费。

你买的从来不是图形，是三样东西：规范（网格、描边、命名体系）、同语义多风格（线性/填充/双色各一套）、后续新增（半年后要加 5 个，风格仍然接得上）。

签约前确认两点：授权是「无限项目」还是「单产品」；是否允许把源文件分发给甲方。

四、混合流程：4 步让 AI 图标进生产

Step 1 把规范写进 prompt。 固定一段模板：24×24 viewBox、1.5px 描边、圆角 2px、线端与连接均为 round、纯路径无文字。同一套图标共用这段话。

Step 2 只让 AI 出形状。 明确要求输出 SVG 源码，禁止 <defs>、<style>、<mask>，颜色统一用 currentColor。

Step 3 批量归一化。 用 SVGO 压缩并保留 viewBox，再在 Figma 里逐个对齐关键节点；把 24 的倍数坐标当作硬约束检查。

Step 4 补三档测试。 16/20/24/32px 四档并排渲染看是否糊；暗色模式下用 currentColor 检查；组件命名与已有图标库不冲突，避免团队里出现两个「search」。

五、一张判断清单

• 图标总量少于 20 个、半年内不会新增 → AI 生成够用。

• 要跨 Web、iOS、Android、小程序多端复用 → 买库，省下的是对齐工时。

• 品牌独占符号 → AI 生成 20 个草图筛 1 个，再人工重绘。

• 客户要源文件或授权证明 → 买库，别赌。

素材的成本不是单价，是「改起来要多久」。把图标按用途分流，AI 用在创意密度高的地方，库用在规范密度高的地方，才是真正省时间的选择。