App Icon Generator + Masks — iOS, watchOS, visionOS, tvOS and Android sizes
by Cody
Makes the icon canvas for every platform, then shows your icon behind each mask while you draw.
Installs
0
Likes
0
Users
7
Views
18
Preview
About this plugin
Open the plugin on an empty file, pick a platform, and click Create frames.
Apple publishes a layout size per platform, so you get those exactly: 1024x1024 for iOS, iPadOS and macOS, 1088x1088 for watchOS, 1024x1024 for visionOS and 800x480 for tvOS. Each layer is named with the mask the system applies, so you know before you start whether your corners are getting rounded or your whole icon is getting a circle cut out of it.
Android publishes the layer in dp rather than pixels, so the frame is 108dp drawn at 4x, which is 432x432, and it comes with the two measurements Android actually gives you: the 18dp on each side reserved for masking and parallax, drawn as an even band, and the 66dp the mask really shows, drawn as a circle you can put your logo inside. Google Play's listing icon is 512x512.Then draw. Select a frame and the panel shows your icon behind the mask the platform applies, and it keeps up while you work. It also tells you whether the size matches a platform's layout size and whether the layers are square. Every frame the plugin makes keeps a "Preview icon masks" button in Figma's right-hand panel, so the masks are one click away on the day you draw.
All of that is free.
The full version is $5 once, with no subscription. It shows every other mask (the visionOS circle, Android's squircle and rounded square), shows your icon scaled down to 64, 40 and 24 px, draws the masks beside your icon on the canvas, names any layer a circle cuts or that sits outside Android's 66 dp safe zone, writes a fix list you can hand off, and lifts the limit of 5 frames at a time.
Every number comes from Apple's Human Interface Guidelines, the Android adaptive icon docs and the Play Console help, and the plugin shows the date they were last checked. Apple does not publish the corner radius the system uses, so the rounded-rectangle preview is drawn as illustrative and only the circle masks exactly. The plugin says so rather than implying a number it does not have.
The plugin runs entirely inside Figma. It makes no network requests, needs no account, and nothing leaves your file.