之前的视频里我分享过用 GPT Image 2 生成稳定的 UI 设计稿，再把设计稿还原成真实的系统页面。这次讲的是同一思路下的另一件事：用 AI 生图为系统定制一套图标。
为什么会想到做图标？一个系统里，图标是提升质感性价比很高的方式，有时候换一套图标库，整体的设计感就上来了。但通用图标库有两个问题：大家用的都是同一套，看不出自己系统的设计；而且业务需要的图标经常找不到，如果图标库里刚好缺少某个业务场景对应的图标，自己又不会画，就很麻烦。用 AI 生图，想要什么图标就生成什么图标，前提是整套风格保持一致。
生成流程分三步
我在 GPT 里把这套流程固定成了三步：
- 生图。尝试过很多方案之后，4×4 是比较稳定的方式：一张图一次画出 16 个图标，同一次生成，风格天然统一。
- 切图。用程序按固定网格把整图切成 16 张。
- 抠图。生成时让模型使用洋红色这类纯色背景，程序就能把大多数图标稳定地抠出来，得到可以直接放进界面的透明 PNG。
九种风格的生成效果
我用这套流程生成了一批示例，GPT Image 2 生成图标很稳定，效果也不错。
最基础的是线性图标，生成稳定，适合大多数场景。
对应的是面性单色图标，也很稳定。未选中的状态用线性，选中之后切换成面性，是常见的搭配。
撞色风格同样能稳定生成。相比普通图标，它已经能明显体现设计感。
卡通风格在撞色的基础上增加了线条描边，会显得更卡通一些。
等距小盒子是我觉得比较有趣的一种：从斜上方往下看的视角，带一点 3D 立体感。这类图标放进系统里作为小点缀，整体的设计感马上就提上来了。
3D 渲染风格更圆润、更立体，还加了光影，适合奖励、积分这类场景。
动物徽标适合内置头像这类场景。这里展示的是动物，换成虚拟人物头像也可以，notion 风格或者卡通风格都行，生成稳定而且好看。
贴纸风格比较适合表达情绪。
真实实物风格生成的每个图标都是拟真的，和实物基本一致。像帽子、植物、香水这类图标，可以用在电商场景。
基于已有风格扩展图标
对真实开发来说，单张好看不够，最重要的是整套风格统一：能不能基于已有的图标，稳定地生成同一风格的新图标。
我基于自己的一个业务场景测试过：给它一套简约的配色，让它生成大量图标。结果整体几乎不割裂，每个图标都看得出来是同一套系统里的。想增加新的业务场景时，只要跟 AI 描述这个业务的功能，让它派生一些图标加进去就可以。
这样的图标库在市面上很难找到，就算花时间去找，不同图标的圆角、线宽、内边距也往往不一致。有了这套流程之后，做图标变成一件很简单的事情。
打包成 oil-icon Skill
流程稳定之后，我把它做成了一个 Skill：oil-icon，已经开源在 GitHub。它可以参考系统内已有的设计风格，生成和过往图标风格一致的新图标。
安装命令是：
npx skills add oil-oil/oil-icon
它依赖 Codex 里的 /image-gen，使用的是 GPT Image 2 的模型；也可以自己接入外部的 GPT Image 2 渠道。想给自己的系统定制图标的话，可以安装这个 Skill 试试。