Back to Plugins
Xcode App Icon Exporter

Xcode App Icon Exporter

<p>This plugin automatically generates a zipped <code>AppIcon.appiconset</code> container from a selected frame in Figma, and it contains all the PNGs for all Apple platforms.</p><p>The folder is pre-formatted, so you just need to drop the unzipped folder in your <code>Assets.xcassets</code>.</p><p><br></p><p><strong>How to</strong></p><ol><li>Select a frame containing your app icon.</li><li>Press <code>command + /</code> and search for <code>Xcode App Icon Exporter</code>.</li><li>Run the plugin.</li><li>Save and unzip the <code>AppIcon.appiconset.zip</code> file.</li><li>Drag and drop the new <code>AppIcon.appiconset</code> in Xcode's <code>Assets.xcassets</code>.</li><li>And Voilà 🪄</li></ol><p><br></p><p>The code is <a href="https://github.com/alikaragoz/figma-xcode-app-icon-exporter" rel="noreferrer noopener nofollow ugc" target="_blank">open source</a>.</p><p>Enjoy and don't be shy, <a href="https://twitter.com/alikaragoz" rel="noreferrer noopener nofollow ugc" target="_blank">say hi 👋</a></p>

appleiosappiphoneiconsxcodeapp iconmacosexportipadcode-generators

Plugin Preview

Xcode App Icon Exporter preview

About this plugin

This plugin automatically generates a zipped AppIcon.appiconset container from a selected frame in Figma, and it contains all the PNGs for all Apple platforms.

The folder is pre-formatted, so you just need to drop the unzipped folder in your Assets.xcassets.


How to

  1. Select a frame containing your app icon.
  2. Press command + / and search for Xcode App Icon Exporter.
  3. Run the plugin.
  4. Save and unzip the AppIcon.appiconset.zip file.
  5. Drag and drop the new AppIcon.appiconset in Xcode's Assets.xcassets.
  6. And Voilà 🪄


The code is open source.

Enjoy and don't be shy, say hi 👋

Plugin Details

Version1
CreatedApril 26, 2022
Last UpdatedApril 26, 2022
CategorySoftware development
CreatorAli Karagoz
Stats941 installs, 63 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/plugin.js
  • Editor Types:
    figma