# 用 Figma 的 App 图标导出插件快速切图

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/20649

在移动应用开发过程中，图标的设计和导出是一个不可或缺的步骤。设计师们通常需要将他们的创意以适当的格式和尺寸导出，以便开发者能够无缝地集成到应用程序中。

以往我作为开发者拿到一个图标设计稿的时候，总是在 Photoshop 或者其他图片编辑工具中调半天尺寸，然后根据要求反复进行导出。

最近才从设计师朋友那里了解到 Figma 有很多好用的插件，可以在很多地方简化这样的繁琐操作。

比如我找到了这样一个插件：Xcode App Icon Exporter，它可以快速生成适用于 Apple 平台的应用图标。

🔗 Xcode App Icon Exporter 插件详情

Xcode App Icon Exporter 是一个 Figma 社区插件，它可以自动从选定的内容中生成一个包含所有 Apple 平台 PNG 的 AppIcon\.appiconset 压缩包。而且这个文件夹已经预格式化过，用户只需将其解压后直接拖入 Xcode 的 Assets\.xcassets 文件夹即可。

具体操作方法如下：

- 选择图标框架：在 Figma 中，选择包含你应用图标的框架。

- 激活插件：按下 command \+ / 快捷键打开 Figma 的插件搜索框，搜索并选择 Xcode App Icon Exporter 插件。

- 运行插件：启动插件后，它会自动创建 AppIcon\.appiconset 容器，包含所有所需尺寸的图标。

- 保存并解压：保存生成的 AppIcon\.appiconset\.zip 文件，并将其解压。

- 导入 Xcode：将解压后的 AppIcon\.appiconset 文件夹拖放到 Xcode 的 Assets\.xcassets 中。

- 完成：现

---

[前往标准阅读页](https://utgd.net/article/20649?audience=web)