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 AI
Getting Started
1. Open the Plugin: In Figma, go to Plugins > App Icon Randomizer
2. Launch the Plugin: Click to open the plugin panel on the right side of your canvas
Basic Usage
Step 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 Type
Option 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 letters
Option 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 it
Step 3: Customize Colors (Optional)
Auto-Generate Colors (Recommended):
- Keep "Auto-generate colors" checked
- The plugin will create beautiful, harmonious color schemes automatically
Manual 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 combinations
Step 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 styles
Step 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 | 2 installs, 1 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.