用 Figma 直接输出带透明背景的图标，替代之前用"预览"的方式。

之前用"预览"的"即时 Alpha"去背，边缘总是不干净。Figma 方案从源头解决这个问题，同时顺带修正图标视觉偏大的问题（之前在 Dock 里看起来比其他 App 图标大）。

核心原理

macOS 系统不会像 iOS 那样自动切割圆角，你必须自己做：导出一张 1024×1024、主体居中且四周留有透明边框的 PNG 图片。

第一步：创建标准画布

  1. 新建 Frame，尺寸设为 1024 × 1024
  2. 关键：在右侧 Fill 栏点 - 删掉填充，确保背景透明

第二步：绘制图标轮廓

  1. 画一个矩形，尺寸设为 824 × 824
  2. 用对齐工具将其在 1024 画布中居中

100px 的边距（gutter）来自苹果官方模板的标准做法（参考）。

第三步：设置超椭圆圆角

  1. 选中 824 的矩形
  2. Corner Radius：输入 185.4
  3. Corner Smoothing：点击半径旁边的图标，滑块拉到 60%

这能模拟出 iOS/macOS 专用的超椭圆（Squircle）弧度。

第四步：放入图片，生成圆角

  1. 将图片拖入 Figma，置于圆角矩形图层之上
  2. 同时选中两者
  3. 右键选择 Use as mask（推荐用 Cmd + / 搜索执行，更快）

第五步：导出

  1. 选中最外层的 1024×1024 Frame
  2. 右侧 Export 栏点 +，设置 1x / PNG，点击导出