App Icon Generator - Export to Xcode & Android Studio

About this plugin

Export App Icon with the correct icon sizes for Android, iPhone, iPad, watchOS, macOS, Flutter and PWA. We constantly monitor specification changes and update the icon sizes, saving time on your mobile development workflow.

One click to generate:

1. Complete icon set (@1x-3x) in the AppIcon.appiconset folder for Xcode 16+.
2. All icons for Android organized into folders like hdpi and xxxhdpi.

This plugin works on both Figma and Figma: Dev Mode!

How to Use

1. Select a square Frame or a square image
2. Click the Set button (on 1 or 3 types of App Icons)
3. Choose the platforms you want to export for.
4. Click 'Generate' and download the exported zip file.

Tips

1. Make sure that the selected item is: either a Frame (with vectors) or an image (1024 x 1024), the perfect square shape (width = height), and has no transparent layers shown
2. For iOS and watchOS, choosing "Single Size" is recommended.
3. Due to Figma bug, if an export file image is not a perfect square, please change that app icon position to a whole number (from x: 100.13 to x: 100) and set the app icon again.
4. Figma Template for creating iOS App Icon

Features

1. Dynamic icon sizes for iOS (iPhone and iPad)
2. 10 icon sizes for macOS
3. Dynamic icon sizes for watchOS
4. 5 icon sizes for Android
5. 5 icon sizes for Flutter
6. 10 icon sizes for PWA
7. Option to customize Android, Flutter and PWA file names

Pricing

1. 5 free uses with full access to all features.
2. Unlock unlimited access for a one-time purchase.

Developer Explanation

1. For all Apple platforms, after choosing the App Icon configuration on Xcode, Xcode will show image sizes that need to be added in order to publish the app. App Icon Generator uses the same configuration from Xcode to generate AppIcon.appiconset folder complete with Contents.json, allowing developers to easily drag them into the Assets folder, to replace AppIcon. These icons are used in various scenarios, such as on the home screen, notification bar, and marketing materials.
2. With the introduction of iOS 18, three types of App Icons will be displayed based on the user's settings (light mode, dark mode or tinted mode), to use this feature, select "Any, Dark, Tinted" on Appearances, and set Frame or Image to these 3 types of App Icons. Learn more
3. For Android, to ensure optimal display for raster app icons (such as PNGs) across different screen resolutions, it’s recommended to have multiple versions of the same image in various sizes stored in mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi folders.
4. For Flutter, just like Android, all icons are stored in 1.0x, 1.5x, 2.0x, 3.0x and 4.0x inside the icons folder.
5. For PWA (Progressive Web App), if the file name is empty, the frame name will be used for the image names instead.
6. On Figma: Dev Mode, this plugin streamlines the development workflow by offering a one-click export feature on the right panel.

Credits

1. This plugin uses JSZip to zip a file.