图标编辑器

编辑器能做的一切

专为图标打造的矢量编辑器:材质、效果、矢量工具、AI 辅助和一键导出。所有功能,一览无余。

17 个类别,共 110 项功能

画布与文稿

1024x1024 图标画布、蒙版、背景和文稿级设置。

1024x1024 图标画布

只做图标的矢量编辑器。

每个文稿都是一张 1024x1024 的图标画布,坐标原点位于中心,你设计的内容正是 macOS 和 iOS 所需要的。无需配置画板,也不用猜测导出尺寸。

图标模式与文件夹模式

两种蒙版,一份文稿。

将文稿在 App 图标和 macOS 文件夹图标之间切换。图层、材质和导出都会跟随模式变化,一份设计即可同时发布两种形式。

图标蒙版(平滑圆角、iOS、watchOS、无)

每个 Apple 平台的精确轮廓。

将画布裁切为 macOS 平滑圆角、iOS 圆角方形、watchOS 圆形,或完全不加蒙版。蒙版内看到的就是最终发布的效果。

画布背景(纯色、渐变、色块网格)

一键生成网格渐变背景。

将图标背景设为纯色、线性/径向渐变,或由最多 12 个叠加色块铺在底色上的「网格渐变」。背景始终裁切到图标蒙版内。

  • C吸管:将颜色吸取到填充/描边/背景

背景预设

精心设计的背景,随取随用。

精选渐变和纯色预设:海洋、日落、葡萄、薄荷、午夜、火焰、极光、玫瑰金、天空、青柠、棉花糖,以及雪白/石墨/墨黑/蓝/玫瑰/翡翠纯色。

从图标推荐(自动配色)

从你的图形中提取背景色。

分析你的图层,从图形中提取背景色建议,以一键色板的形式呈现,例如「使用 #A8C5FF 作为背景」。

画布上编辑色块

亲手塑造网格渐变。

在色块背景模式下,每个色块都是画布上的控制柄:拖动即可移动,拖动虚线圆环即可调整大小。无需反复试数值。

图标边框

环绕轮廓的清晰边线。

在图标轮廓周围添加宽度可调的彩色边框,非常适合贴纸、徽章以及浅色叠浅色的设计。

程序化反射(全局液态玻璃光泽)

贯穿整个图标的统一光泽。

全局高光与折射处理,包含倒角高光、底部高光(可联动)、高光宽度和折射「光泽」。它让整个图标呈现出 macOS 那样的液态玻璃质感。

文件夹色调、前层模糊与文件夹颗粒

真实的 macOS 文件夹材质。

在文件夹模式下:用纯色或渐变为文件夹主体着色,模糊前翻页,并添加可配置的文件夹颗粒(强度、大小、种子)。

文稿颗粒

覆盖一切的胶片颗粒。

对整个图标施加全局胶片颗粒,可控制强度和缩放/种子,添加细腻纹理,避免平滑渐变出现色带。

点按选择编组

感知编组的选择方式。

画布交互开关:点按选择父级编组,双击选择内部图层(类似 Figma 的嵌套选择节奏)。

图层与组织

图层类型、层级顺序、文件夹、编组和布尔复合形状。

内部图标与其他图层分区

内有安全形状,外可满版出血。

图层分布在两个分区:「内部图标」裁切到图标的安全形状,「其他图层」可以延伸到画布边缘。图层面板会同步显示边界,让你始终清楚哪些内容会被蒙版裁切。

10 种图层类型

图像、矢量、文字、玻璃:全部可编辑。

图像、纯色填充、渐变、形状、路径、图标(Heroicons 和 Lucide 字形)、SVG、文本、液态玻璃模板以及布尔复合形状图层。一切都保持实时可编辑,不会有被栅格化、无从下手的位图。

支持拖动排序的图层面板

拖动即可叠放、排序和嵌套。

完整的图层树,带实时缩略图、显示与锁定开关、拖动排序(包括拖入和拖出文件夹),拖动悬停时还会自动展开折叠的文件夹。

文件夹

井井有条的图层树。

将图层归入命名文件夹,支持拖入/拖出排序。删除文件夹会保留其子图层(移到上一级),文件夹也可以重命名或复制。

编组

让多个图层像一个整体一样移动。

将所选图层编组,作为一个整体进行变换、设置样式和排序。随时可以取消编组。

变形编组

作为同一身份一起变换的形状。

将图层编组并赋予共享的变形身份(「编组为变形」),使它们作为一个可变形的整体一起变换;需要拆开时,可解散并选中子图层。

布尔运算(联集、减去顶层、交集、排除重叠)

非破坏性的形状运算。

用联集 / 减去顶层 / 交集 / 排除重叠组合形状。结果是一个实时的布尔复合形状,每条轮廓都可单独设置运算方式。修改源形状,复合形状会随之更新。

  • Escape退出一级布尔运算深入编辑

编组液态玻璃

多个图层,一个玻璃表面。

将编组中的图层合并为单一的液态玻璃表面:一个轮廓、一次折射,而不是每个部件各自一层玻璃。

形状合并

把多个形状焊接为一个。

将多个形状合并为单个形状图层,轮廓更简洁,导出更干净。

拷贝 / 粘贴、智能复制与样式迁移

记得你下一步要去哪里的复制。

拷贝、剪切、粘贴图层(可跨浏览器标签页,也支持系统剪贴板);智能复制会重复你上一次的拖动位移;拷贝样式 / 粘贴样式可迁移外观;还能按区块拷贝属性(例如「拷贝填充属性」)。

跨标签页与系统剪贴板

随处拷贝,随处粘贴图层。

在一个浏览器标签页中拷贝的图层可以粘贴到另一个标签页;从应用外部(Figma、网页、文件)拷贝的 SVG 也能直接粘贴为图层。

变换与几何

移动、缩放、旋转、对齐、圆角和变形。

变换(位置、大小、缩放、旋转)

像素级精确摆放。

数值化的偏移 X/Y(±2048)、宽度/高度、缩放百分比和旋转(±180°),均带有重置目标;还可锁定比例,让图像等比缩放。

  • Arrows微移 1px(Shift = 10px)
  • Cmd + Arrows宽度/高度调整 1px(Shift = 10px)

圆角半径与平滑圆角

Apple 的连续曲率圆角。

可设置统一半径或逐角半径(可统一圆角,采用 CSS 式的钳制规则),另有平滑圆角开关,提供 Apple 连续曲率圆角,锐度可调(2-12)。

翻转与镜像

一键镜像任何内容。

水平或垂直翻转图层,或将所选内容沿画布镜像,非常适合构建对称图标。

画布变换控制柄

抓取、拖动、旋转。

通过角点和边缘控制柄自由调整大小,角点外侧有旋转控制柄,最后一个像素交给键盘微移。

  • Arrows / Shift+Arrows微移 1px / 10px

对齐与分布

无需参考线,间距完美。

在所选范围内或相对于画布进行左/居中/右/顶/中间/底对齐,并在垂直或水平方向上均匀分布图层。

透视扭曲

让任意图层像贴在表面上一样变形。

通过逐角扭曲偏移自由变形图层,用于透视样机、贴花和动感角度,随时可以重置。

  • D透视扭曲工具

矢量与路径工具

钢笔、直线、路径锚点编辑、转换为路径和编织。

矢量工具(选择、钢笔、直线、编辑路径、扭曲)

像专业设计工具一样绘制图标。

五个专用工具,均有单键快捷键:选择(V)、用于自由绘制贝塞尔曲线的钢笔、直线(L)、编辑路径(A)和透视扭曲(D)。

  • V选择工具
  • L直线工具
  • A编辑路径工具
  • D透视扭曲工具
  • Enter确认钢笔草稿 / 切换形状、SVG 或文本的路径编辑
  • Escape取消草稿或退出路径编辑
  • Shift (hold)使用钢笔/直线绘制时吸附

路径锚点编辑

锚点级控制,Figma 风格。

编辑锚点及其入/出控制柄,支持线性、对称或独立控制柄模式。可框选锚点、按住 Option 点击删除、按住 Shift 点击边缘添加、连接端点(Cmd+J)、断开连续性(Shift+Delete)或直接删除(Delete)、对所选锚点扩展圆角半径、吸附锚点以及分布锚点。

  • Cmd + J连接所选路径锚点/端点
  • Delete删除锚点并保持连续
  • Shift + Delete在所选位置断开路径

转换为路径

文本、形状和 SVG 都能变成可编辑轮廓。

将形状、SVG 图层和文本转换为可编辑的贝塞尔路径(「编辑锚点」)。文本会被描摹为折线,字形可以随意塑造。

  • Enter切换形状/路径/SVG 的路径编辑(编辑锚点)

编织(交错路径)

上下穿插的编织轮廓。

将重叠的路径变成交错编织的线条。可在每个交叉点翻转哪一股在上方,也可移除编织恢复为普通路径。

填充与描边

颜色、渐变、描边和图像填充叠加。

形状预设

圆角矩形、圆形、胶囊形等。

一键添加形状图层:圆角矩形、圆形、胶囊形、三角形、菱形和六边形,添加后均可完全编辑。

填充(纯色与多重渐变)

一个图层上叠加多个渐变。

用纯色或渐变填充图层,包括多重渐变堆栈(shapeGradients):一个矢量图层上可以有多个有序渐变,每个都有自己的类型、角度、几何和插值方式。纯描边形状可以关闭填充。

  • C用于填充/描边/背景的吸管

渐变控制(线性/径向、oklab/oklch)

鲜艳的过渡,中间调不再发灰。

线性(角度、起点/终点)和径向(中心、半径)渐变,配有完整的色标编辑器、画布拖动控制柄以及插值色彩空间(classic、oklab 和 oklch),让过渡鲜艳而不发灰。

描边(位置、端点、渐变、模糊)

内侧、外侧或居中,还支持渐变。

使用颜色或渐变的轮廓,宽度 0-128,位置可选内侧/外侧/居中,端点可选圆头或方头,还有可选的描边背景模糊(磨砂圆环)和「描边上的材质」模式,均可实时预览。

图像填充叠加

无损为位图重新着色。

只在图像图层的不透明像素上绘制纯色或渐变。无需编辑位图即可为作品重新着色。

材质与光照

平面、黏土、玻璃和浮雕材质,以及光照和深度图。

材质(平面、黏土、玻璃、浮雕)

macOS 真正在用的材质。

每个矢量图层都可以设为平面、黏土(蓬松的橡皮泥质感)、玻璃(可折射的液态玻璃)或浮雕(刻入下方表面)。这是编辑器的标志性外观,由 WebGL 实时渲染。

液态玻璃材质

折射、磨砂与 Apple 式双高光。

一种可折射的玻璃材质,提供倒角(10-140)、厚度(0-180)、曲率(-1..1)、色散(色差 0-18)、磨砂(0-32)、高光(0-1)、带宽度的反向高光(Apple 使用的双边缘反射)、色调颜色与色调强度、按图层或关联画布的光照角度,以及深度图轮廓模式。

黏土材质

蓬松的橡皮泥立体感。

一种柔和的 3D 黏土材质,提供倒角、厚度、曲率、主体折射、边缘折射、高光(可关联)、柔和度、带宽度的反向高光、带宽度的边缘暗化,以及按图层或关联画布的光照角度。

浮雕材质

刻入下方表面。

一种浮雕/凹雕材质,提供深度(0-1)、斜面(1-80px)和柔和度(0-1),让形状看起来像压入下方图层中。

全局与按图层光照

整个图标共用一个光源。

提供一个所有材质都可跟随的全局反射光照角度,也可为玻璃或黏土图层单独设置光照角度,实现混合光照。「限制在蒙版内」会让高光保持在图标轮廓之内。

玻璃深度图

拥有真实轮廓的折射。

为玻璃图层的轮廓生成深度图,并调整深度和平滑度,让折射像真实的 3D 物体那样弯曲,而不是像一片平面透镜。

背景模糊(背景滤镜模糊)

覆盖在真实内容上的磨砂玻璃。

在图层轮廓后方应用背景模糊(0-5 倍),让其后方的任何内容都呈现磨砂效果。这是真正的玻璃拟态,而非画出来的假效果。

基础模式宏滑块(玻璃感、蓬松度、阴影)

三个滑块,专业效果。

面向新手的宏滑块(玻璃感、蓬松度和阴影,0-100),可一次无损地驱动多个材质参数,之后切换到高级控制时也不会丢失任何设置。

材质风格预设

从 glossy3d 到 chrome,一键完成。

一键应用到当前所选内容的外观:glossy3d、softClay、pillow、ceramic、liquidGlassLook、frostedGlass、crystal 和 chrome。每个预设都会写入完整的材质设置,你可以继续微调。

液态玻璃模板图层

现成的命名效果堆栈。

以图层类型提供的预设玻璃效果堆栈(liquidGlass、frostedMetal、deepShadow、sideGlow 或自定义),外加可调强度的效果变体(topSpecular、innerShadow、rimLight、sideReflection、metalSheen)。

精心设计的起始模板

从设计好的图标开始,而不是空白画布。

六个精心设计的文稿模板:glass-tile、clay-button、glass-on-clay、monogram、glass-disc 和 mono-clay。它们是完整可编辑的设置,而不是拼合后的图像。

效果与着色器

模糊、发光、阴影、颗粒、贴纸效果和自定义 GLSL 着色器。

图层模糊与发光

柔化与发光。

高斯图层模糊(0-128px),以及可设置半径、强度、阈值、可选色调和发光颜色的发光效果。

多重投影与内阴影

层叠阴影,真实深度。

每个图层都有不限数量的阴影列表,包含投影和内阴影:颜色、不透明度、模糊、扩展、偏移和可见性。智能选项:使用图层自身颜色、采样下方周围颜色、暗度控制,以及「在透明区域后方显示」,让玻璃阴影正确透出。

按图层颗粒与输出抖动

质感与干净的渐变。

按图层设置的胶片颗粒(强度 0-0.5、缩放 0.1-16、种子),外加输出抖动处理,消除导出图像中的渐变色带。

镜头光晕

星芒高光。

星芒状的镜头光晕高光,可控制强度,光源可跟随画布光源或使用自己的角度。

贴纸效果(边框、镭射、弯曲阴影、翘边)

模切贴纸外观。

把图层变成贴纸:白色(或任意颜色)边框的宽度和颜色、可调角度和缩放的镭射箔、弯曲投影(模糊/不透明度),以及翘边效果(角度/卷曲)。

自定义 GLSL 着色器堆栈

Figma 风格的着色器,真正的 GLSL。

在图层、背景或整个画布上叠加自定义 GLSL ES 3.00 片段着色器通道。参数会自动绑定为 uniform(浮点滑块、颜色选择器);内置预设着色器库(半色调、像素化、色差、波浪、双色调、CRT…),可在代码窗口中查看和编辑 GLSL,还能用「AI 生成」编写新着色器。可通过 uBackdrop 感知背景。

文本

支持字体、间距和原位编辑的文本图层。

文本图层

始终可编辑的文字。

文本图层支持 Google Fonts、字号 8-512、字重 100-900、字间距、行高、对齐方式、Figma 风格的文本框宽度(按单词或字符换行)、填充颜色以及描边颜色和宽度。双击即可原位编辑。

  • Enter原位编辑所选文本图层

图像工具

位图导入、移除背景、矢量化、蒙版和裁剪。

内置图标库(Heroicons 与 Lucide)

20 万+ 可搜索字形。

从 Heroicons 和 Lucide 图标库中置入矢量字形,作为可完全自定义样式的图标图层,可从工具栏和 AI 助手中搜索。

拖放导入(PNG、SVG、.icns、.icon)

拖入文件,即得图层。

将 SVG 或 PNG 图像、.icns 图标文件,或 Icon Composer .icon 包(会作为完整可编辑文稿打开)直接拖放到画布上。

替换图像与生成版本

更换图稿,保留样式。

替换图像图层的位图,同时保留所有样式和变换,并可在 AI 生成图像的不同版本之间切换。

裁剪 / 蒙版内缩

无需离开编辑器即可裁切位图。

在图像图层的填充矩形上按边(左/右/上/下)设置蒙版内缩来裁剪。

蒙版(编辑蒙版、用作蒙版、滤镜蒙版)

用任何东西为任何东西添加蒙版。

三种蒙版工具:编辑蒙版(在画布上绘制/擦除图层的 Alpha)、用作蒙版(以另一图层的几何形状作为非破坏性蒙版)和滤镜蒙版(仅作用于效果的蒙版,可反相)。

  • Enter在图像图层上切换蒙版编辑

移除背景(4 种方式)

无需切换标签页即可抠图。

用四种方式移除图像背景:自动、色键(从边缘像素级精确填充,支持取色、检测和纯度)、AI 抠图(分割)、正片叠底(去白)和滤色(去黑),均可调节纯度。

将图像矢量化为 SVG

输入像素,输出可编辑矢量。

将位图描摹为新的 SVG 图层,提供预设(默认、黑白、海报、照片)和曲线模式(默认、像素、多边形、样条)。

导出与交付

导出格式、平台套件、项目文件和作品提交。

导出格式(.icns、.png、.icon、.json)

需登录

Mac 开发者需要的每种格式。

导出为 .icns(完整 16-1024 尺寸序列)、.png(任意尺寸)、.icon(Icon Composer 包)或 .json(项目文件),支持实时预览、裁剪至蒙版、以 x / px / % 控制尺寸/缩放(16-4096px)、下载或拷贝到剪贴板,并为 .icon 包提供「烘焙材质」开关。

更多格式(平台套件)

需登录

一个图标,适配所有平台。

通过 api.macosicons.com 在服务器端转换:.ico(Windows 多尺寸)、.appiconset(适用于 macOS/iOS/通用的 Xcode 素材目录)、Windows 套件(.ico + MSIX 磁贴,打包为 zip)、Linux 套件(hicolor 图标主题 + .desktop,打包为 zip)、网站图标包(Favicon),以及把所有产物打包进一个 zip 的发布套件。

Icon Composer .icon 包(打开与导出)

需登录

与 Icon Composer 完全对等。

将 Apple Icon Composer .icon 包作为可编辑文稿打开(会对透明外观覆盖、零散图层、缺失素材和嵌套编组给出警告),并可导出回 .icon,包括按外观的默认/深色/透明/着色渲染。

外观模式(默认、深色、透明、着色)

需登录

一次设计,适配所有 macOS 外观。

预览并制作按外观区分的效果(默认、深色、透明-浅色、透明-深色、着色-浅色、着色-深色),支持按图层覆盖颜色、着色、高光、磨砂、不透明度、混合、可见性,甚至替换图稿。

导出所有外观模式(ZIP)

需登录

一键获得每种外观渲染。

将默认、深色、透明和着色渲染批量导出为 PNG,打包成一个 ZIP,用于审阅、交付或商店素材。

提交到 macOSicons

需登录

发布到图标库。

将图标提交到公开的 macOSicons 图标库,填写应用名称、分类并确认作者身份,还可附带深色主题/液态玻璃 .icns 变体和项目 .json。提交内容会在发布前经过审核。

项目文件(.json 导入/导出)

需登录

你的文稿,保存为文件。

将可编辑文稿导出为 .json 项目文件,之后可重新导入,图层、材质和设置完整保留。

预览

尺寸、程序坞、主屏幕和场景预览渲染。

预览托盘(尺寸、程序坞、主屏幕)

在它真正所在的地方查看。

一个浮动预览托盘,含三个标签页:尺寸(图标在真实系统像素尺寸下的效果)、程序坞(带液态玻璃程序坞、示例应用、运行指示器和程序坞名称的 macOS 桌面)和主屏幕(带程序坞的 iOS 网格)。

场景预览(程序坞 / 主屏幕 / 桌面)

可下载的样机。

完整场景预览渲染,支持浅色 / 深色 / 两者主题、墙纸色板或自定颜色/图像,以及自动/模糊/渐变/图像背板。可单独下载每张渲染、全部下载,或存储到你的素材库。

预览背板(不导出)

在任何背景上检查对比度。

图标后方的预览背板(自动、模糊、颜色、渐变、图像),仅用于判断对比度和透明度;永远不会包含在导出中。

历史记录与版本

撤销/重做和 Time Machine 版本历史记录。

撤销 / 重做

自由回退 50 步。

50 步撤销栈(Cmd+Z / Cmd+Shift+Z 及工具栏按钮),涵盖每一次编辑,协作者的更改不会进入你个人的撤销栈。

  • Cmd + Z撤销
  • Cmd + Shift + Z重做

版本历史记录(Time Machine)

Plus

你的图标专属 Time Machine。

命名版本(Cmd+Option+S)加上编辑时自动生成的快照。拖动时间线(「滚动或按 ↑ 回到过去」),然后恢复、恢复为副本或删除某个版本。包含恢复前自动创建的还原点,并在云端/本地冲突时保留一份安全副本。macOSicons+ 功能。

  • Cmd + Option + H打开版本历史记录
  • Cmd + Option + S保存命名版本

AI 助手

从提示词生成图层的助手、图像生成、分解图像和 AI 快捷操作。

AI 聊天助手(从提示词到图层)

Plus

描述图标,获得可编辑图层。

懂设计的聊天助手,掌握完整画布上下文。它会实时显示活动(推理和工具调用),编辑真实图层,可在生成中途停止,记住提示词历史(↑/↓),支持参考图像附件和拖放文件,并提供快捷建议和「将参考图像重建为可编辑图层」的快捷选项。

  • ↑ / ↓ in prompt调出提示词历史

用 AI 生成图标(最多 8 个方案)

Plus

一个提示词,八个图标方案。

根据提示词生成最多 8 个已套用蒙版的图标方案,可选择生成数量,并清楚标明消耗。可以逐个添加方案,也可以点击「全部添加」一次放到画布上。

用 AI 分解图像

Plus

一张平面图像,拆成多个可编辑图层。

将图像拆分为已命名、可编辑的图层(「每条线一个图层…」),然后逐个或全部添加到画布,把平面作品还原成真正的文稿。

AI 图层操作(增强、变为玻璃/黏土、协调、变体)

Plus

右键点击,即刻变身。

任意图层都可使用的上下文 AI 操作:增强、变为玻璃、变为黏土、协调颜色,以及生成 3 个变体。

AI 额度计量与购买方案

Plus

生成之前就知道花费。

额度计量会在 AI 操作运行前准确显示其花费(「正在生成图标」「正在分解这张图像」)。额度不足时,内嵌的购买方案让你即刻充值。

共享与协作

共享链接、实时协同编辑和社区作品库。

实时协作(在线状态与光标)

Plus

实时共同设计。

实时多人共同编辑,带在线状态头像、实时光标和基于操作的同步(需开启协作功能开关)。

共享到社区(发布/更新/取消发布)

需登录

发布你的图标项目。

将文稿发布到社区作品库,随设计演进更新帖子,或随时取消发布。

工作区与离线

项目管理器、废纸篓、素材库和离线同步。

项目管理器(文稿与文件夹)

需登录

每个图标项目,井井有条。

一个包含项目(文稿及嵌套文件夹)、搜索、重命名的工作区,并提供 macOS App 图标、iOS App 图标、文件夹图标的新建文稿预设。另有废纸篓,支持恢复和永久删除。

素材库

需登录

你生成或导出的一切。

每个生成或导出的素材都会自动保存,按变体分组,并标注额度消耗和来源项目。支持网格/列表视图、预览和重新下载:解决「那个文件去哪了?」的安全网。

离线编辑与同步

需登录

在飞机上也能设计。

将文稿或整个项目设为离线可用,可选择存储空间上限并查看用量,手动同步、重试失败项,必要时从服务器重建。离线横幅和待同步更改计数让你随时了解状态;访客草稿文稿完全在浏览器中运行。

访客模式(导出前无需账户)

免费使用,导出前无需账户。

任何人都可以打开编辑器,以访客身份立即开始设计,在浏览器中的草稿文稿里使用全部工具。导出和云端保存时会提示免费注册。

界面与快捷键

新手导览、移动端布局、专注模式、吸附和各种提升效率的界面细节。

画板(一次会话多个图标)

一排图标,并排摆放。

在一次会话中通过缩略图条处理多个图标或文件夹画板。无需离开画布即可创建、重命名、复制和删除画板。

新手导览

四步完成你的第一个图标。

可跳过的 4 步引导导览:欢迎 → 在画布上创作 → 图层与属性 → 导出与保存。可以跳过导览或跳转到任意一步。

隐藏界面(专注模式)

只有画布,别无其他。

收起所有编辑器界面元素,只显示画布,方便专注工作或截取干净的屏幕截图。用同一个开关即可恢复界面。

  • Show Interface shortcut (see doc page)切换编辑器界面元素

缩放与平移

像原生 App 一样在画布上移动。

使用 Cmd +/- 缩放、Cmd+0 重置,按住 Space 拖动平移,支持触控板双指平移,画布上下文菜单提供放大/缩小/重置缩放/粘贴。

  • Cmd + / Cmd -放大/缩小
  • Cmd + 0重置缩放
  • Space (hold) + drag平移画布

吸附

拖动时自动出现参考线。

拖动时,图层会吸附到画布、其他图层以及等间距位置,使用的是与关键线网格相同的标尺吸附引擎。

关键线网格

Apple 的对齐网格。

在画布上显示或隐藏 Apple 风格的关键线/对齐网格,让图形和形状处在平台规范期望的位置。

吸管

随处吸取任意颜色。

以键盘操作为先的吸管(C,或在 macOS 上按 Ctrl+C,其他系统按 Alt+C),吸取颜色后会根据当前选择自动应用到对应位置(填充、描边或背景)。

  • C (Ctrl+C on macOS / Alt+C elsewhere)打开吸管

框选(图层与路径锚点)

拖出选框,想选什么都行。

在画布上拖出选框即可同时选中多个图层;在开放路径上拖动则可框选锚点,方便批量移动和删除。

移动端与触控布局

手机上也能用完整的编辑器。

响应式布局,底部标签页(检查器 / 图层 / 项目)、移动端选择栏(完成 / 「{n} 个图层」)以及「更多工具」菜单,在支持的设备上还提供触感反馈。

体验细节(自动命名、触感反馈、GPU 安全导出)

小细节,也做到位。

文稿会根据内容自动命名,支持的设备在关键手势上提供触感反馈,导出截取也做了 GPU 安全处理;如果截取失败,错误提示会明确指出是哪块 GPU。

图标工具箱

独立的一键式工具和公开的 Icon API。

图标工具箱(独立工具 + 公开 API)

需登录

同一套工具,既是按钮也是 API。

位于 /editor/toolkit 的图标工具箱把编辑器里的一键工具做成了独立的网页工具(无需 Mac),每个工具也都是 /api/v1/editor/ 下的公开 REST 接口,可通过代码调用。

图标工具箱:图标蒙版

需登录

为任意图像套上 macOS 蒙版。

一键(或一次 API 调用)将任意图像裁切为 macOS/iOS/watchOS 图标轮廓,无需任何设计工作。

图标工具箱:AI 生成

Plus

不打开编辑器也能用 AI 做图标。

根据提示词独立生成 AI 图标:想快速得到套好蒙版的方案、又不想开启完整编辑流程时的捷径。

图标工具箱:转换图标

需登录

任意图标格式,任意方向互转。

在浏览器或通过 API 一步完成图标格式互转(.icns、.ico、PNG 套图等)。

图标工具箱:Icon Composer 包

需登录

用作品生成 .icon 包。

作为独立工具,用你的作品创建 Apple Icon Composer .icon 包;也可以在编辑器中打开完整的 .icon 文件做更深入的编辑。

图标工具箱:Xcode .appiconset

需登录

直接放进 Xcode 的素材目录。

用一张图像生成完整的 Xcode .appiconset(macOS、iOS 或通用),包含 Contents.json 及所有必需尺寸。

图标工具箱:从 .icns 提取

需登录

把每个尺寸都取出来。

将现有 .icns 文件拆解为各个尺寸的 PNG,适合逆向分析或更新旧版图标。

图标工具箱:移除背景

需登录

上传或粘贴链接,立即抠图。

独立的背景移除工具(包括 AI 抠图),在编辑器之外快速准备素材。

图标工具箱:网站图标包

需登录

所有 favicon 尺寸,一个 zip 搞定。

用一张图标图像生成完整的网站图标包(所有常用尺寸及 manifest 条目)。

图标工具箱:发布套件

需登录

一个 zip,全平台发布。

一个 zip 包含所有发布所需文件:.icns、.ico、.appiconset、favicon、MSIX 磁贴等。这就是上线时的「全都给我」按钮。

图标工具箱:提取颜色(调色板)

需登录

从任意图标得到一套调色板。

从任意图像中提取调色板,方便搭配背景和制作品牌配色。

图标工具箱:场景预览

需登录

不打开编辑器也能做程序坞样机。

独立的场景样机工具(程序坞、主屏幕、桌面),为任意图标图像快速生成可共享的渲染图。

常见问题

怎样让图标看起来像液态玻璃 / Apple 玻璃效果
把图层的材质设为玻璃,调高厚度和曲率,再加一点色散和磨砂,并开启反向高光以获得两侧边缘高光。打开文稿 → 反射,可为整个图标加上光泽。
液态玻璃材质程序化反射(全局液态玻璃光泽)
怎样制作黏土 / 3D 蓬松风格的图标
把材质设为黏土,调整倒角、厚度和柔和度;或者直接拖动基础模式里的「蓬松度」宏滑块。
黏土材质基础模式宏滑块(玻璃感、蓬松度、阴影)
怎样更改背景颜色 / 制作网格渐变背景
文稿设置 → 背景:选择纯色、渐变或色块(网格)。色块模式下可以在画布上拖动最多 12 个色块;「从图标推荐」会根据你的作品提取相配的颜色。
画布背景(纯色、渐变、色块网格)背景预设从图标推荐(自动配色)
怎样移除图片背景 / 让背景变透明
选中图片,点按「移除背景」。纯色背景用色键,白色背景用正片叠底,黑色背景用滤色,照片用 AI 抠图。
移除背景(4 种方式)
怎样导出 .icns / PNG / favicon / Windows 图标
导出 → .icns、.png、.icon 或 .json。「更多格式」涵盖 .ico、.appiconset、Windows 套件、Linux 套件、网站图标(Favicon)以及一站式的发布套件。
导出格式(.icns、.png、.icon、.json)更多格式(平台套件)图标工具箱:网站图标包图标工具箱:转换图标
怎样制作深色模式图标
切换到深色外观,用按外观覆盖来调整图层(颜色、着色、不透明度,甚至替换成另一套图稿)。「导出所有外观模式」会把每种外观渲染成 PNG 并打包为 ZIP。
外观模式(默认、深色、透明、着色)导出所有外观模式(ZIP)
可以编辑 Apple Icon Composer 的 .icon 文件吗
可以,把 .icon 包拖到画布上即可。它会以可编辑图层的形式打开(必要时会给出导入警告),并且可以导出回 .icon。
Icon Composer .icon 包(打开与导出)拖放导入(PNG、SVG、.icns、.icon)
怎样把 PNG / 标志转换成矢量
选中图片,使用矢量化(默认 / 黑白 / 海报 / 照片预设)。结果是一个可编辑的 SVG 图层,可以逐个锚点调整形状。
将图像矢量化为 SVG转换为路径
怎样编辑形状或文字的锚点 / 轮廓
在图层上按 Enter 进入编辑路径模式(如有需要,先把文本或 SVG 转换为路径)。按住 Shift 点按边线可添加锚点,按住 Option 点按可删除锚点,Cmd+J 连接锚点。
路径锚点编辑转换为路径矢量工具(选择、钢笔、直线、编辑路径、扭曲)
怎样用一个形状裁掉另一个形状 / 合并形状
同时选中两个形状,在布尔运算菜单中选择联集、减去顶层、交集或排除重叠。形状合并会把多个形状焊接成一条轮廓。
布尔运算(联集、减去顶层、交集、排除重叠)形状合并
怎样添加文字 / 更换字体
添加一个文本图层,双击即可输入。文本部分提供 Google Fonts 字体选择器,以及字号、字重、间距、对齐和换行设置。
文本图层
怎样添加阴影 / 发光 / 描边轮廓
效果 → 阴影可叠加多层投影和内阴影,效果 → 发光可添加泛光,描边部分可设置内侧、外侧或居中描边(甚至渐变描边)。
多重投影与内阴影图层模糊与发光描边(位置、端点、渐变、模糊)
怎样制作贴纸风格的图标
效果 → 贴纸:先加边框,再加镭射箔、弯曲阴影和翘边。文稿 → 边框会在整个图标外围加一圈描边。
贴纸效果(边框、镭射、弯曲阴影、翘边)图标边框
可以用 AI 来设计图标吗
可以。AI 助手能把提示词变成可编辑的图层,「生成图标」一次最多生成 8 个方案,「分解图像」能把扁平图稿拆分成图层,右键点击 → 询问 AI 可以重新设计选中的内容(玻璃、黏土、增强、协调、变体)。
AI 聊天助手(从提示词到图层)用 AI 生成图标(最多 8 个方案)用 AI 分解图像AI 图层操作(增强、变为玻璃/黏土、协调、变体)
怎样查看图标在程序坞里的效果 / 制作样机
预览托盘提供实时的尺寸、程序坞和主屏幕标签页。场景预览会渲染可下载的样机(程序坞 / 主屏幕 / 桌面,浅色和深色)。图标工具箱也能单独生成样机。
预览托盘(尺寸、程序坞、主屏幕)场景预览(程序坞 / 主屏幕 / 桌面)图标工具箱:场景预览
可以离线使用吗 / 需要账户吗
无需账户即可以访客身份免费设计,但导出需要免费注册。文稿可以设为离线可用,有本地存储额度,联网后自动同步。
离线编辑与同步访客模式(导出前无需账户)
怎样撤销 / 回到之前的版本
Cmd+Z 可撤销 50 步。版本历史记录(Cmd+Option+H,macOSicons+)会保存自动快照和命名版本(Cmd+Option+S),你可以恢复或恢复为副本。
撤销 / 重做版本历史记录(Time Machine)
怎样共享设计 / 与他人协作
共享可以创建查看或编辑链接(随时可以重置)。实时协作会显示在线状态和光标。共享到社区会把作品发布到社区作品库,任何人都可以复制你的项目来学习。
共享链接(查看或编辑)实时协作(在线状态与光标)共享到社区(发布/更新/取消发布)社区作品库(浏览、点赞、评论、复制)
怎样把图标提交到 macOSicons.com
导出 → 上传 → 提交到 macOSicons:填写 App 名称和分类,确认作者身份,还可以附上 .icns 变体和项目文件。作品经过审核后才会发布。
提交到 macOSicons
怎样整理 / 查找我的项目
项目管理器支持嵌套文件夹、搜索、重命名和废纸篓。每次导出或生成的内容都会出现在素材标签页里。画板可以在同一个会话中并排放置多个图标。
项目管理器(文稿与文件夹)素材库画板(一次会话多个图标)
有 API 吗 / 可以自动生成图标吗
有。图标工具箱里的每个工具都有对应的公开接口,位于 /api/v1/editor/ 下(蒙版、转换、appiconset、网站图标、发布套件等)。API 文档见 /editor/toolkit。
图标工具箱(独立工具 + 公开 API)