Part 4: AI-Powered Asset Creation
Create professional app icons and marketing graphics without hiring a designer.
App Icon Creation with AI
The Basics
Requirements:
- 1024 x 1024 pixels
- PNG format
- No transparency (App Store rejects it)
- No alpha channel
- Looks good at 29x29 (smallest display size)
Design Principles:
- Simple, recognizable shape
- Limited color palette (2-3 colors)
- No text (too small to read)
- Unique silhouette
- Works on light AND dark backgrounds
ChatGPT Prompts for App Icons
Prompt Template (GPT-4 with DALL-E)
Create an app icon for a [APP TYPE] app called [APP NAME].
Style: Modern, minimalist iOS/Android app icon
Colors: [PRIMARY COLOR] and [SECONDARY COLOR]
Concept: [DESCRIBE THE CONCEPT]
Requirements:
- Square format, suitable for 1024x1024
- Simple, recognizable shape
- No text or letters
- Clean gradient or flat design
- Single focal point
- Would look good at small sizesExample Prompts
AI Writing App:
Create an app icon for an AI writing assistant app.
Style: Modern, minimalist iOS app icon
Colors: Deep purple (#7C3AED) and soft white
Concept: A stylized quill pen or fountain pen with a subtle AI/sparkle element
Requirements:
- Square format, suitable for 1024x1024
- Simple, recognizable shape
- No text or letters
- Subtle gradient from purple to lighter purple
- Single focal point
- Would look good at small sizesHabit Tracker:
Create an app icon for a daily habit tracking app.
Style: Modern, minimalist iOS app icon
Colors: Vibrant green (#22C55E) with white accents
Concept: A checkmark or circular progress indicator suggesting completion and growth
Requirements:
- Square format, suitable for 1024x1024
- Simple, geometric shape
- No text or letters
- Flat design with subtle shadow
- Single focal point
- Would look good at small sizesExpense Tracker:
Create an app icon for a personal finance and expense tracking app.
Style: Modern, minimalist iOS app icon
Colors: Emerald green (#10B981) and gold (#FBBF24)
Concept: A minimalist wallet, coin, or chart showing growth
Requirements:
- Square format, suitable for 1024x1024
- Simple, recognizable shape
- No text or letters
- Clean flat design
- Single focal point
- Would look good at small sizesMeditation App:
Create an app icon for a meditation and mindfulness app.
Style: Calm, modern iOS app icon
Colors: Soft lavender (#A78BFA) and peaceful blue (#60A5FA)
Concept: Abstract representation of calm - could be lotus, circle, breath waves
Requirements:
- Square format, suitable for 1024x1024
- Soft, soothing shapes
- No text or letters
- Gentle gradient
- Single focal point
- Would look good at small sizesRefining Your Icon
Iteration Prompts
If too complex:
Simplify this app icon design. Make it:
- More minimalist with fewer elements
- Readable at 29x29 pixels
- Using only 2 colors maximum
- A single, bold shapeIf too generic:
Make this app icon more unique and distinctive:
- Add a creative twist to the concept
- Use an unexpected angle or perspective
- Combine two related concepts
- Make the silhouette more memorableIf colors are off:
Adjust the colors of this app icon:
- Use [NEW COLOR] as the primary color
- Ensure high contrast between elements
- Make it pop on both light and dark backgrounds
- Use a more saturated/muted paletteMidjourney Prompts (Alternative)
If you have Midjourney access:
app icon, [CONCEPT], minimalist, ios style, vector,
rounded square, gradient [COLOR1] to [COLOR2],
simple shapes, no text, highly detailed,
professional, clean design --v 6 --ar 1:1Example:
app icon, ai brain with sparkles, minimalist,
ios style, vector, rounded square,
gradient purple to blue, simple shapes, no text,
highly detailed, professional --v 6 --ar 1:1Post-Generation Checklist
After generating your icon:
- Remove any text (AI sometimes adds it)
- Ensure no transparency
- Export at exactly 1024x1024
- Test at small sizes (zoom out)
- Check on light and dark backgrounds
- Compare with competitor icons
- Get feedback from 2-3 people
Tools for Cleanup
- Remove background: remove.bg (then add solid background)
- Resize: Squoosh (squoosh.app)
- Add rounded corners: Most design tools
- Check contrast: WebAIM Contrast Checker
Screenshot Templates
Free Canva Templates
Canva offers free app screenshot templates. Search for:
- "App Store Screenshots"
- "Google Play Screenshots"
- "Mobile App Mockup"
Direct Link: canva.com/templates/search/app-store-screenshots
What to Include in Screenshots
Screenshot 1 (Most Important):
- Your main value proposition
- The "wow" moment
- Clear headline text
Screenshot 2-4:
- Key features
- Show the app in action
- Benefits, not just features
Screenshot 5+:
- Secondary features
- Social proof (if any)
- Settings/customization options
Screenshot Text Formula
[BENEFIT] + [FEATURE]
Examples:
✅ "Track expenses in seconds" (benefit + feature)
✅ "Never forget a habit again" (benefit)
✅ "AI-powered meal planning" (feature + tech)
❌ "Settings screen" (boring)
❌ "Beautiful interface" (vague)
❌ "Feature 3" (meaningless)Screenshot Creation Workflow
Step 1: Capture App Screenshots
# iOS Simulator
# Cmd + S to save screenshot
# Android Emulator
# Click camera icon or Cmd + SStep 2: Create Mockups
Option A: Device Frames (Canva)
- Open Canva template
- Upload your screenshot
- Place in device frame
- Add headline text
- Export at correct size
Option B: Clean Screenshots
- Just the screenshot
- Add text overlay
- Simple colored background
- No device frame needed
Option C: Mockup Generators
- mockuphone.com
- previewed.app
- smartmockups.com
Step 3: Export Correctly
| Platform | Size | Format |
|---|---|---|
| iOS 6.7" | 1290 x 2796 | PNG/JPEG |
| iOS 6.5" | 1284 x 2778 | PNG/JPEG |
| Android | 1080 x 1920+ | PNG/JPEG |
Quick Color Palettes
Proven combinations for app icons:
| Style | Primary | Secondary | Hex Codes |
|---|---|---|---|
| Trust | Blue | White | #3B82F6, #FFFFFF |
| Growth | Green | White | #22C55E, #FFFFFF |
| Creative | Purple | Pink | #8B5CF6, #EC4899 |
| Warm | Orange | Yellow | #F97316, #FBBF24 |
| Calm | Lavender | Blue | #A78BFA, #60A5FA |
| Bold | Red | White | #EF4444, #FFFFFF |
| Pro | Black | Gold | #171717, #FBBF24 |
| Fresh | Teal | White | #14B8A6, #FFFFFF |
App Store Optimization (ASO)
Keyword Research
Tools for ASO:
- AppFollow - Keyword tracking
- Sensor Tower - Competitor analysis
- AppTweak - Keyword suggestions
iOS Keywords (100 characters max)
Format: keyword1,keyword2,keyword3 (no spaces after commas)
Tips:
- Use all 100 characters
- No need to repeat app name
- Use singular OR plural (not both)
- Include common misspellings
- Research competitor keywordsExample for AI Image App:
ai,image,generator,art,photo,edit,create,picture,maker,draw,painting,avatar,portrait,filter,styleApp Title Formula
[App Name] - [Primary Keyword Benefit]
Examples:
✅ "Pixify - AI Photo Editor"
✅ "Habitly - Daily Habit Tracker"
✅ "CashFlow - Expense Manager"
❌ "Pixify" (wastes keyword space)
❌ "The Best AI Photo Editor App" (too long)Description Best Practices
First 3 lines are crucial (visible before "Read More"):
[HOOK - Grab attention]
[CORE VALUE PROPOSITION]
[CALL TO ACTION or SOCIAL PROOF]
---
FEATURES:
• Feature 1 - Benefit
• Feature 2 - Benefit
• Feature 3 - Benefit
WHAT USERS SAY:
"Quote from review" - User
SUBSCRIPTION INFO:
• Monthly: $X.XX
• Yearly: $XX.XX (save XX%)
• Free trial availableScreenshot Text Best Practices
| Position | Focus |
|---|---|
| Screenshot 1 | Main value proposition, "wow" moment |
| Screenshot 2 | Primary feature with benefit |
| Screenshot 3 | Secondary feature |
| Screenshot 4 | Social proof or unique selling point |
| Screenshot 5+ | Additional features, settings |
Headlines that convert:
✅ "Create Art in Seconds" (benefit-focused)
✅ "10M+ Images Created" (social proof)
✅ "No Design Skills Needed" (removes objection)
✅ "Used by Top Creators" (authority)
❌ "Feature 1" (meaningless)
❌ "Settings Screen" (boring)
❌ "Beautiful Interface" (everyone says this)Localization Priority
| Market | Priority | Notes |
|---|---|---|
| English (US) | Must | Primary market |
| English (UK) | High | Different spellings |
| Spanish | High | Large market |
| German | High | High spending |
| French | High | Large market |
| Japanese | Medium | High ARPU |
| Portuguese (BR) | Medium | Growing market |
Common Mistakes to Avoid
Icon Mistakes
- Too much detail (won't read at small sizes)
- Text in the icon (unreadable)
- Transparent background (App Store rejects)
- Generic/stock icon look
- Too similar to competitor
- Doesn't match app's purpose
Screenshot Mistakes
- Just raw screenshots (no context)
- Too much text (users won't read)
- Low quality images
- Wrong dimensions
- Showing login screen as first screenshot
- Not showing the core feature first
Assets Included
App icons & splash screens included
Professional assets and templates ready to customize for your brand.
Icon templates
Splash screen setup
Store screenshot frames
Get ShipReactNative
Save 40+ hours of setup