More Prompts:
Image Generation ChatGPT for UX mockups using AI for wireframing →Image Generation ChatGPT for UX mockups using AI for typography suggestions →Image Generation ChatGPT for UX mockups using AI for accessibility enhancements →Image Generation ChatGPT for UX mockups using AI for personalized user feedback →Image Generation ChatGPT for UX mockups using AI for competitive analysis →Image Generation ChatGPT for UX mockups using AI for user journey visualization →Image Generation ChatGPT using mood expressions →Image Generation ChatGPT for products using color palettes →Best Prompts for Image Generation ChatGPT — Fantasy Mystical Artifacts →Image Generation ChatGPT for products using resolution settings →
Best Prompts for Image Generation ChatGPT for UX Mockups with AI Color Palette Recommendations
A curated set of 12 copy-ready prompts to generate UX mockups while getting precise color palette recommendations (including HEX, contrast guidance, and usage notes). Each prompt is practical, platform-specific, and designed to be used directly with image-generation and design-assisted AIs.
Claude Opus 4
Claude Sonnet 4
Gemini 2.5 Flash
GPT-5
Gemini 2.5 Pro
You've been there: staring at a blank AI prompt box, trying to figure out how to get a decent UX mockup that doesn't look like it was designed by a robot having a color identity crisis. You type something vague like "make a mobile app screen" and get back a generic interface with colors that would make a rainbow cringe. The worst part? You still have to figure out the color palette yourself, googling HEX codes and wondering if your buttons will even be accessible.
This collection of 12 battle-tested prompts transforms your AI design workflow from frustrating guesswork into precise, professional results. Each prompt generates both polished UX mockups and complete color palettes with HEX codes, accessibility guidance, and practical usage notes for everything from mobile onboarding flows to data-heavy dashboards. Instead of spending hours refining vague prompts and researching color theory, you'll get copy-ready commands that deliver mockups and palettes you can actually use in real projects.
1
Mobile onboarding flow + palette for wellness app
Design a 3-screen mobile onboarding mockup for a wellness app called "Calmly": welcome, sign-up, and first-time home dashboard. Provide a primary color palette of 4 HEX colors (primary, accent, background, neutral), two supporting gradients, and suggested text/button colors with WCAG contrast ratios. Output image assets sized for 1080x2340 screens and include notes on spacing, typography scale (H1, H2, body), and iconography style.
Generates a full mobile onboarding mockup and a practical color palette with accessibility and layout guidance.
2
Responsive web dashboard + data viz palette
Create a responsive SaaS dashboard mockup (desktop 1440x900 and tablet 1024x1366) focused on analytics: header, left nav, KPI tiles, line chart, and bar chart. Recommend a 6-color palette optimized for charts (base, two highlight colors, muted backgrounds), provide HEX codes, color-blind safe mapping for up to 6 series, and contrast ratios for text and chart labels. Include layout grid notes and suggested chart stroke/area fills.
Produces desktop/tablet dashboard mockups and a chart-optimized palette with color-blind safe mappings and accessibility details.
3
E-commerce product page + brand-driven palette
Design a desktop product page mockup for a sustainable fashion brand called "EverThread": hero product image area, color swatches, size selector, add-to-cart CTA, and trust badges. Provide a 5-color brand palette with HEX codes (primary, secondary, CTA, background, text), guidelines for swatch border/active state, and a high-contrast CTA variant. Include suggested hover/active state styles and 1200x800 export specs.
Creates an e-commerce product page mockup and a brand-specific palette with practical UI state styles.
4
Mobile fintech app - dark mode accessible palette
Generate a 4-screen mobile mockup (login, dashboard, transaction detail, settings) for a fintech app in dark mode. Suggest a dark-mode palette of 5 HEX colors (background, surface, primary, success, warning), font/text colors with WCAG AA/AAA pass info, and elevation/light-shadow color recommendations. Provide export sizes for 1170x2532 and include recommended icon stroke color/thickness.
Builds dark-mode mobile screens with an accessible palette and guidance on shadows/elevations for clarity in dark backgrounds.
5
Onboarding micro-interactions + accent palette
Produce three micro-interaction mockups for a web onboarding flow: tooltip, success toast, and error inline field. Provide a compact 4-color accent palette (success, error, info, neutral) with HEX codes, recommended animation color transitions, and suggested durations/easing. Include notes on using color plus iconography to improve clarity for low-vision users.
Focuses on small UI states and provides an accent palette and animation specs for clear micro-interactions.
6
High-contrast accessibility pass for forms
Design a sign-up form mockup for web (800x600) and produce a high-contrast palette variant that meets WCAG AAA for normal text. Provide original and high-contrast HEX sets, recommended focus ring colors and thickness, and suggestions for error messaging color usage. Include live text contrast ratios and notes on when to prefer bold vs larger type instead of color alone.
Generates a form mockup plus accessible color alternatives and focus/error styling to meet strict contrast requirements.
7
Mobile commerce carousel + seasonal palette
Create a mobile carousel hero mockup (1080x1920) for a seasonal campaign (spring sale). Provide a 5-color seasonal palette with HEXs, two gradient options for hero overlays, CTA color combos, and recommended overlay opacity to keep product photos readable. Suggest accessibility-safe text color over gradients and button outline vs filled usage.
Builds a mobile hero carousel and seasonal color palette with overlay and CTA guidelines to keep imagery legible.
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.
“AI Flow Chat powers our entire content strategy. We double down on what’s working, extract viral elements, and create stuff fast.”
Reference Anything
Bring anything into context of AI and build content in seconds
YouTube
DOCX
TikTok
Web
Reels
Video Files
Twitter Videos
Facebook/Meta Ads
Tweets
Audio Files
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.