App Icon Randomizer
Generate (20) Styled App Icons (One Click)
Plugin Preview
About this plugin
App Icon Randomizer is a powerful Figma plugin that generates beautifully styled app icons instantly. Create professional app icons with 20 unique design styles, customizable colors, and support for both letter-based and icon-based designs. No AIGetting Started1. Open the Plugin: In Figma, go to Plugins > App Icon Randomizer2. Launch the Plugin: Click to open the plugin panel on the right side of your canvasBasic UsageStep 1: Configure App Details- App Name: Enter your app name (e.g., "MyApp")- Size: Choose icon size (128px, 512px, 1024px, or 2048px)- Corner Style: Select rounded corners (iOS style) or square corners (Android style)Step 2: Choose Icon TypeOption A: Letter-Based Icons- Click the "Letter" option- Enter 1-2 letters (e.g., "M" for MyApp or "AB" for App Builder)- The plugin will create icons using your specified lettersOption B: Icon-Based Icons- Click the "Icon" option (default)- Select an icon category: - Tech & Productivity - Media & Entertainment - Shopping & Food - Finance & Business - Health & Fitness - Geometric Shapes- Click on an icon from the preview grid to select itStep 3: Customize Colors (Optional)Auto-Generate Colors (Recommended):- Keep "Auto-generate colors" checked- The plugin will create beautiful, harmonious color schemes automaticallyManual Color Selection:- Uncheck "Auto-generate colors"- Use the color pickers to choose your three colors: - Color 1: Primary background color - Color 2: Secondary accent color - Color 3: Tertiary accent color- Click "Randomize" to generate new random color combinationsStep 4: Set Number of Icons- Expand the "Number of Icons" section (if collapsed)- Use the slider to select how many icons to generate (1-20)- The plugin cycles through all 20 unique stylesStep 5: Generate Icons- Click the "Generate Icons" button- Icons will appear on your canvas in a grid layout (5 icons per row)- Each icon uses a different style from the available collection
Plugin Details
| Version | 1 |
|---|---|
| Created | November 3, 2025 |
| Last Updated | November 3, 2025 |
| Category | Software development |
| Creator | Rudy Banks |
| Stats | 6 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.