做UI设计或者开发小程序时，经常需要各种图标。很多人以为图标只能靠手绘或者找现成的PNG，其实现在用AI源文件处理图标设计，效率高得多。
什么是图标设计AI源文件
这里的“AI”不是指人工智能，而是Adobe Illustrator的专用格式（.ai）。图标设计AI源文件就是用Illustrator制作的矢量图标源文件。它能无限放大不模糊，图层、路径、颜色都可编辑，特别适合需要多尺寸输出的场景。
比如你给公司做个App，首页要8套不同大小的图标，用AI源文件一键导出就能搞定，不用每个尺寸重画一遍。
为什么推荐用AI源文件做图标
常见的PNG或JPG图标是位图，放大后会变糊。而AI文件是矢量，哪怕从16×16拉到2048×2048也清晰。设计师改个颜色、调整圆角，几秒完成。开发交接时也方便，直接扔一个AI文件过去，前端自己裁需要的SVG或PNG。
很多免费图标网站比如Flaticon、Iconfont，都提供AI格式下载。拿到之后可以用Illustrator打开，删减图层、合并形状、重新配色，完全按项目风格定制。
没有Illustrator怎么办
不是人人都有Adobe全家桶。其实Inkscape这种免费开源软件也能打开AI文件。虽然复杂效果可能显示不全，但普通图标路径基本没问题。打开后可以另存为SVG，再导入Figma或Sketch继续编辑。
如果只是想提取某个小图标，还可以把AI文件拖进Photoshop，会提示你设置分辨率。虽然转成了位图，但只要分辨率设高点（比如512×512），日常使用也够用。
实用技巧：快速批量导出图标
在Illustrator里做好一组图标后，别一个个手动导出。用“导出为”功能，选中多个图层或画板，直接批量生成PNG、SVG甚至iOS/Android适配的多倍图。
文件 > 导出 > 导出为...
选择格式：PNG / SVG / PDF
勾选“使用画板”，可指定范围导出SVG时记得勾选“内联CSS”和“响应式”，这样前端拿来可以直接嵌入网页，不会变形。
哪里能找到高质量的AI图标源文件
国内推荐阿里巴巴的Iconfont，搜索关键词后筛选“AI”格式，下载后解压就能用。国外可以去Vecteezy或Lovepik，搜 free icon ai file，注意看授权协议，商用要选可商用版本。
有些设计师会在GitHub上分享开源图标包，比如一套完整的系统操作图标，附带AI+SVG+PNG三件套，直接克隆下来当资源库用。
掌握AI源文件的使用，等于拿到了图标设计的“源代码”。不管是改旧图标还是做新设计，都能省下大把时间。