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 sizes

Example 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 sizes

Habit 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 sizes

Expense 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 sizes

Meditation 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 sizes

Refining 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 shape

If 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 memorable

If 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 palette

Midjourney 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:1

Example:

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:1

Post-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

  1. Remove background: remove.bg (then add solid background)
  2. Resize: Squoosh (squoosh.app)
  3. Add rounded corners: Most design tools
  4. 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 + S

Step 2: Create Mockups

Option A: Device Frames (Canva)

  1. Open Canva template
  2. Upload your screenshot
  3. Place in device frame
  4. Add headline text
  5. Export at correct size

Option B: Clean Screenshots

  1. Just the screenshot
  2. Add text overlay
  3. Simple colored background
  4. No device frame needed

Option C: Mockup Generators

  • mockuphone.com
  • previewed.app
  • smartmockups.com

Step 3: Export Correctly

PlatformSizeFormat
iOS 6.7"1290 x 2796PNG/JPEG
iOS 6.5"1284 x 2778PNG/JPEG
Android1080 x 1920+PNG/JPEG

Quick Color Palettes

Proven combinations for app icons:

StylePrimarySecondaryHex Codes
TrustBlueWhite#3B82F6, #FFFFFF
GrowthGreenWhite#22C55E, #FFFFFF
CreativePurplePink#8B5CF6, #EC4899
WarmOrangeYellow#F97316, #FBBF24
CalmLavenderBlue#A78BFA, #60A5FA
BoldRedWhite#EF4444, #FFFFFF
ProBlackGold#171717, #FBBF24
FreshTealWhite#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 keywords

Example for AI Image App:

ai,image,generator,art,photo,edit,create,picture,maker,draw,painting,avatar,portrait,filter,style

App 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 available

Screenshot Text Best Practices

PositionFocus
Screenshot 1Main value proposition, "wow" moment
Screenshot 2Primary feature with benefit
Screenshot 3Secondary feature
Screenshot 4Social 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

MarketPriorityNotes
English (US)MustPrimary market
English (UK)HighDifferent spellings
SpanishHighLarge market
GermanHighHigh spending
FrenchHighLarge market
JapaneseMediumHigh ARPU
Portuguese (BR)MediumGrowing 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