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 | 941 installs, 63 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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI