图标制作
macOS 应用,用 OpenAI 图像 API 按描述生成并导出标准 .icns 应用图标
一个简单的桌面应用,用于通过 AI 生成 macOS 应用图标(*.icns 格式)。你描述想要的图标,可选附加参考图片,从多个变体中选择,完善选中的设计,然后保存为完整的 *.icns 包和包含所有标准尺寸的 *.iconset 文件夹。
此应用使用 OpenAI API 进行图像生成。
以下是一段展示应用运行效果的短视频:
https://github.com/user-attachments/assets/1c87f99d-993f-408b-bd32-a1eb6552eada
功能
- 基于提示词生成。 你的文本被包裹在固定的系统约束中,因此输出结果始终符合 macOS 风格图标的要求(居中主体、无文字、适配圆角矩形构图等)。
- 每次生成三个变体。 每次生成返回三张图片,方便快速比较。
- 可选参考图片。 附加一张 PNG 图片来引导模型(例如草图、Logo 或之前的渲染图)。
- 优化工作流。 在确认一个变体后,你可以继续生成更多方案,将所选图标作为参考,直到对结果满意为止。
- 预览。 界面使用圆角矩形遮罩显示图标,提供真实预览效果。
- 导出与保存。 保存的
.icns使用全出血图稿,这样 macOS 可以自行应用遮罩(避免因预剪裁圆角而导致的灰色边框和图标缩小问题)。
当未保存图标时退出应用,会触发确认对话框。
系统要求
安装
npm install
运行
以开发模式运行应用:
npm run dev
在不使用 API 的情况下进行本地 UI 开发:
npm run dev:mock
构建
构建生产版本的应用:
npm run build
生产环境下的 Sentry 遥测功能仅在构建时设置了 SENTRY_DSN 才会包含。发布版本会从 GitHub Actions 的 SENTRY_DSN 密钥中读取该值。
如何使用应用
- 在提示词字段中描述图标(简短短语即可,例如“带折角的蓝色剪贴板”)。
- 可选: 附加一张参考图片以影响布局或风格。
- 点击生成(或按 Enter)。等待三张预览图出现。
- 选择一个变体进入优化模式,或重新从头生成。
- 在优化模式下,调整提示词并再次生成;已确认的图标会作为下一批生成的参考。
- 满意后,点击保存。选择一个
.icns路径;应用会在该文件夹中写入YourName.icns和YourName.iconset(仅在你确认后才会替换已有文件)。 - 若想打开保存位置,可以使用成功界面上的在 Finder 中显示。
项目结构
src/main/— 窗口、IPC、提示词构建、提供者选择、icns打包。src/renderer/— React UI、圆角矩形预览、生成流程状态管理。
下载
你可以从 发布页面 下载应用。所有发布版本均经过 Apple 签名和公证。
