在移动应用开发过程中,图标的设计和导出是一个不可或缺的步骤。设计师们通常需要将他们的创意以适当的格式和尺寸导出,以便开发者能够无缝地集成到应用程序中。
以往我作为开发者拿到一个图标设计稿的时候,总是在 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 中。
- 完成:现
