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>
Plugin 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
- Select a frame containing your app icon.
- Press
command + /
and search forXcode App Icon Exporter
. - Run the plugin.
- Save and unzip the
AppIcon.appiconset.zip
file. - Drag and drop the new
AppIcon.appiconset
in Xcode'sAssets.xcassets
. - And Voilà 🪄
The code is open source.
Enjoy and don't be shy, say hi 👋
Plugin Details
Version | 1 |
---|---|
Created | April 26, 2022 |
Last Updated | April 26, 2022 |
Category | Software development |
Creator | Ali Karagoz |
Stats | 981 installs, 69 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/plugin.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.