做 App 图标别再手动切尺寸了!这个 AI 工具 23 万人在用
做 App 图标还在一个个尺寸手动切?
做 iOS 开发最烦的事情之一,就是生成图标assets——1x、2x、3x 一套三个,还得放进 Xcode 的 imageset 目录,配好 Contents.json。重复劳动,毫无技术含量,但不做又不行。
今天发现一个超实用的 Skill——ios-icon-gen,彻底把这个活自动化了。
它能做什么
输入一个图标名称或 SF Symbol,自动给你生成完整的 Xcode imageset,包含:
- icon.png(1x)
- icon@2x.png(2x)
- icon@3x.png(3x)
- Contents.json(Xcode 资产目录配置文件)
整个目录直接拖进 Assets.xcassets 就能用,Build 一下,图标就乖乖出现在 App 里了。
两个图标来源,超灵活
方式一:Iconify API——27.5 万个图标,来自 200+ 公开图标库。Material Design、Phosphor、Lucide、Tabler……基本上市面上主流的开源图标集都有。搜索关键词,找到合适的,直接生成。
方式二:SF Symbols——Apple 原生的 5000+ 系统图标。风格和 iOS/macOS 系统 UI 完全一致,适合做 Apple 原生风格的应用。macOS 专属,离线也能用。
两个方式输出的 imageset 格式完全一样,Xcode 通用,没有差别。
使用方式超简单
全程命令行,不需要打开任何图形工具。
比如用 Iconify 生成一个收据图标:
iconify_gen.sh mdi:receipt-text-outline myIcon --color 007AFF --output ./Assets.xcassets/icons
比如用 SF Symbols 生成一个人像图标:
swift generate_icons.swift person.crop.rectangle myIcon --color 007AFF --output ./Assets.xcassets/icons
配色、大小、输出路径都可以自定义。颜色默认是苹果的灰色风格。
什么时候用
- 新建 iOS/macOS 项目,需要快速生成一整套图标
- App 迭代,换了品牌色,需要给所有图标统一重新上色
- 做 UI 设计稿,需要生成可用的 Xcode 资产包给开发同学
- 开源项目要提供一套图标,不想手动切 3 个尺寸
总结
图标生成这个事情,说大不大,说小也不小——每次都要做,做的内容又完全模板化。ios-icon-gen 把这个模板化的工作接了过去,做得干净利落。23.2 万 stars 已经说明了它的受欢迎程度。
如果你经常做 iOS/macOS 开发,或者和 Xcode 资产打交道,这个 Skill 值得收藏。
GitHub: https://github.com/affaan-m/ECC/tree/main/skills/ios-icon-gen
评论区
登录后可评论。