Image GenerationGoogle AI Studio

Mobile App Wireframe Generator

Generate detailed mobile app wireframes with screen layouts, user flows, and interaction specifications.

The Prompt

Generate detailed mobile app wireframes for [YOUR APP NAME].

App type: [social media / fitness / fintech / e-commerce / productivity / food delivery]
Platform: [iOS / Android / both]
Target users: [DESCRIBE YOUR USER PERSONA]

Generate wireframes for these screens:
1. ONBOARDING — 3-screen tutorial carousel with skip option
2. SIGN UP / LOGIN — email, social auth, biometric options
3. HOME / DASHBOARD — main content feed or overview
4. SEARCH / EXPLORE — filters, categories, results grid
5. DETAIL VIEW — full item/content page with actions
6. USER PROFILE — avatar, stats, settings, edit profile
7. NOTIFICATIONS — grouped by type, read/unread states
8. SETTINGS — account, preferences, privacy, logout
9. [CUSTOM SCREEN 1]: [DESCRIBE]
10. [CUSTOM SCREEN 2]: [DESCRIBE]

For each screen include:
- Layout with placeholder elements (header, cards, buttons, tabs)
- Navigation pattern (bottom tab bar / hamburger / gesture-based)
- Touch target sizes (minimum 44x44pt)
- Status bar and safe area consideration
- Empty states and loading states

User flow diagram:
- Map the primary user journey through 5-7 key screens
- Show decision points and alternative paths
- Indicate gestures (tap, swipe, long-press)

Style: [clean minimal / material design / iOS native / custom]
Color mode: grayscale wireframe with [ACCENT COLOR] for CTAs.

Tips for Best Results

  • Describe one primary user journey in detail for the most useful wireframes
  • Reference specific apps you like for UI inspiration
  • Ask for a clickable prototype link using the generated screens

Tags

wireframemobile appUI designUXprototype

Related Prompts