More Prompts:

Best prompts for Image Generation ChatGPT for UX mockups using AI for personalized user feedback

13 copy-ready, practical prompts to generate UX mockups (mobile and web) that include personalized user feedback. Each prompt instructs the image-generation-capable ChatGPT to produce high-fidelity mockups, export settings, and to embed tailored feedback/callouts for a specified persona. Use these directly or adapt the short examples to your users.

Claude Opus 4
GPT-5
Claude Sonnet 4
Gemini 2.5 Pro
Gemini 2.5 Flash
You've probably spent hours wrestling with AI image generators, trying to get them to create UX mockups that actually look professional and useful. Instead of clean, annotated designs with realistic user feedback, you end up with generic interfaces that look like they were designed by someone who's never seen a real app. It's frustrating when you know the AI has the potential to create exactly what you need, but you just can't seem to find the right words to unlock it.
These 13 battle-tested prompts transform your AI struggles into a UX design superpower, giving you copy-ready instructions that generate high-fidelity mockups complete with personalized user feedback and detailed annotations. From mobile onboarding flows to accessibility-focused forms, each prompt produces professional-grade designs with embedded persona-specific insights that make your presentations shine. Instead of spending your day fighting with vague AI responses, you'll have polished mockups with tailored feedback callouts ready to impress stakeholders in minutes.
1
Personalized Mobile Onboarding Flow (3 screens)
Create three high-fidelity mobile onboarding screens (1080x1920 PNG) for a fitness app, in a modern flat style. Use a light theme (primary #1F8A70, accent #F3A712), San Francisco / Inter-like font, 16pt body. For each screen, overlay personalized copy for a given persona (name, goals, level) and include one contextual feedback callout bubble (arrow to UI element) explaining why this step is recommended for the user. Provide 1) welcome + goal selection, 2) personalized weekly plan preview, 3) confirmation with motivational microcopy. Also export a JSON snippet with color palette, font sizes, and three personalized feedback lines tailored to the persona.
Generates three mobile onboarding mockups with embedded personalized copy and feedback callouts, plus a small JSON manifest for design handoff.
2
Desktop Analytics Dashboard Personalized for Product Manager
Generate a 1440x1024 web dashboard mockup (PNG) for a product analytics tool in a professional grid layout. Include a left nav, KPI cards, time-series chart, and a personalized insights panel for a persona (name, role, objectives). The insights panel must contain 3 tailored recommendations and a confidence meter. Use a muted palette (bg #F7FAFC, card #FFFFFF, primary #2563EB), font Roboto/Inter, and ensure charts show sample realistic data. Provide a small overlay annotation indicating why each recommendation suits the persona.
Creates a desktop analytics dashboard with a personalized insights widget and annotated recommendations for a named persona.
3
Mobile Checkout Flow with Personalized Promotions
Produce a 1080x1920 mobile checkout screen mockup (PNG) showing a two-step checkout: cart and payment. Style: clean e-commerce (primary #0A84FF, action #FF6B6B). Personalize the promo banner and upsell recommendations based on a user persona (purchase history, preferred categories). Overlay a small feedback card that explains why each recommended add-on is relevant to the user. Export both screens and include a short adaptive microcopy list (3 lines) tailored to the user.
Designs checkout screens that surface personalized promotions and explain relevance with inline feedback copy.
4
Accessibility-Focused Web Form with Personalized Hints
Create a 1200x900 web form mockup (PNG) that follows WCAG contrast and larger touch targets. Include labeled inputs, error states, and a personalized helper tooltip area tailored to a persona with a specific accessibility need (low vision, dyslexia, motor difficulty). Use high-contrast palette (#000000 on #FFFFFF, accent #FFB703), large readable font, and include three alternative text hints that adapt to the persona. Add an annotation explaining each accessibility hint and how it improves the user's experience.
Builds an accessible web form mockup and embeds persona-specific helper hints with annotations describing their benefit.
5
Dark Mode App Screen with Personalized Nighttime Suggestions
Produce a 1080x1920 dark-mode app mockup (PNG) for a meditation app. Use deep background (#0B0F12), accent #7EE787, and soft shadows. Personalize the session suggestions and bedtime tips according to persona data (sleep schedule, stress level). Include an in-screen feedback widget that suggests 2 tailored sessions and why they fit the user's current state. Export single screen plus a short list of two personalized microcopy variants.
Generates a dark-mode mockup with personalized session suggestions and an explanatory feedback widget suitable for nighttime use.
6
Localized UX Mockup with Personalized Copy for Region
Create a 1440x1024 web landing page mockup (PNG) localized for a specific country/region. Include hero, feature cards, and a personalized call-to-action that reflects the persona's locale, language tone, currency and cultural preferences. Show two variants: formal and casual tone, and include a small side-chip explaining why one tone is better for the persona. Provide exported PNGs and a short localization metadata block (locale, currency, tone).
Produces localized landing pages with persona-aware copy variants and a rationale for tone selection.
7
A/B Variant Mockups with Personalized Metrics Callouts
Generate two 1200x800 web mockup variants (A and B PNGs) of a subscription pricing page: Variant A (single-column, emphasized monthly price), Variant B (comparison table). For a named persona (budget-conscious, values flexibility), annotate each variant with predicted persona preference and a short personalized note explaining which layout is likely to convert better for that user. Include a 2-line rationale per variant.
Creates two pricing-page variants and annotates them with persona-driven conversion insights to support testing decisions.
AI Flow Chat

Stop Losing Your AI Work

Tired of rewriting the same prompts, juggling ChatGPT and Claude in multiple tabs, and watching your best AI conversations disappear forever?

AI Flow Chat lets you save winning prompts to a reusable library, test all models in one workspace, and convert great chats into automated workflows that scale.

Teach World Class AI About Your Business, Content, Competitors… Get World Class Answers, Content, Suggestions...
AI Flow Chat powers our entire content strategy. We double down on what’s working, extract viral elements, and create stuff fast.
Video thumbnail

Reference Anything

Bring anything into context of AI and build content in seconds

YouTube

PDF

DOCX

TikTok

Web

Reels

Video Files

Twitter Videos

Facebook/Meta Ads

Tweets

Coming Soon

Audio Files

Coming Soon

Choose a plan to match your needs

Upgrade or cancel subscriptions anytime. All prices are in USD.

Basic

For normal daily use. Ideal for getting into AI automation and ideation.

$30/month
  • See what Basic gets you
  • 11,000 credits per month
  • Access to all AI models
  • 5 app schedules
  • Free optional onboarding call
  • 1,000 extra credits for $6
Get Started

No risk, cancel anytime.

ProRecommended

For power users with high-volume needs.

$100/month
  • See what Pro gets you
  • 33,000 credits per month
  • Access to all AI models
  • 10 app schedules
  • Remove AI Flow Chat branding from embedded apps
  • Free optional onboarding call
  • 2,000 extra credits for $6
Get Started

No risk, cancel anytime.

Frequently Asked Questions

Everything you need to know about AI Flow Chat. Still have questions? Contact us.