Back to Plugins
App Icon Randomizer

App Icon Randomizer

Generate (20) Styled App Icons (One Click)

Plugin Preview

App Icon Randomizer 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

Version1
CreatedNovember 3, 2025
Last UpdatedNovember 3, 2025
CategorySoftware development
CreatorRudy Banks
Stats6 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none