图标制作
macOS 应用,用 OpenAI 图像 API 按描述生成并导出标准 .icns 应用图标
一个简单的桌面应用,可使用 AI 生成 macOS 应用图标(*.icns 格式)。你只需描述想要的图标,可选择附加参考图片,从多个变体中挑选,优化选中的设计,然后保存为规范的 *.icns 包以及包含所有标准尺寸的 *.iconset 文件夹。
本应用使用 OpenAI API 进行图片生成。
以下是一段展示应用运行效果的短视频:
https://github.com/user-attachments/assets/1c87f99d-993f-408b-bd32-a1eb6552eada
功能
- 基于提示词生成。 你的文字会被嵌入固定的系统约束中,从而保证输出结果符合 macOS 风格的图标(居中的主体、无文字、适配圆角方形的构图等)。
- 每次生成三个变体。 每次生成返回三张图片,方便快速对比。
- 可选的参考图片。 可以附加一张 PNG 图片来引导模型(例如草图、标志或之前渲染的图标)。
- 优化流程。 选定一个变体后,你可以继续生成更多代,将该图标作为参考,直到满意为止。
- 预览。 UI 会以圆角方形遮罩显示图标,呈现真实预览效果。
- 导出与保存。 保存的
.icns使用全出血(full-bleed)图片,macOS 可以自行应用遮罩(避免预先切角导致的灰色底板和缩小的图标)。
如果退出时未保存图标,会触发确认对话框。
系统要求
安装
npm install
运行
以开发模式运行应用:
npm run dev
在不调用 API 的情况下进行本地 UI 开发:
npm run dev:mock
构建
构建生产版本的应用:
npm run build
如何使用应用
- 在提示词输入框中 描述图标(简短词组效果很好,例如:“蓝色回形针文件夹,一角折叠”)。
- 可选: 附加一张 参考图片 以影响布局或风格。
- 按下 生成(或 回车键)。等待 三个 预览图出现。
- 选择一个变体 进入优化模式,或者重新从头生成。
- 在 优化 模式下,调整提示词并再次生成;已确认的图标会被用作下一批生成的参考。
- 满意后,点击 保存。选择一个
.icns路径;应用会在此文件夹中写入YourName.icns和YourName.iconset(仅在你确认后才会替换现有文件)。 - 从成功界面上使用 在 Finder 中显示 来打开保存位置。
项目结构
src/main/— 窗口、IPC、提示词构建、provider 选择、icns组装。src/renderer/— React UI、圆角方形预览、生成流水线状态。
下载
你可以从 releases 页面 下载本应用。所有版本均已签名并经过公证。