Best prompts for Image Generation ChatGPT for UX mockups using AI for wireframing

Create a low-fidelity mobile onboarding wireframe for a 360x800 phone. 3 screens: welcome, permissions, final CTA. Use a 4-column layout with 16px gutter, 24px vertical rhythm. Placeholder image (60% width) at top, headline (H1) 28px bold, body text placeholder 14px, primary CTA bottom full-width 48px tall, secondary 'Skip' text link top-right. Use grayscale panels, outline icons, and annotate each element with labels (e.g., "Hero image, Headline, CTA"). Export three PNGs named onboarding_1.png, onboarding_2.png, onboarding_3.png.

Produce two wireframe images: Desktop (1440x900) and Tablet (1024x768). Use a 12-column grid on desktop and 8-column grid on tablet. Desktop: left vertical nav 240px, top global header 64px, 3-column card layout with 24px card gutters, data table full-width below. Tablet: collapsed nav (hamburger), 2-column card layout. Use neutral gray backgrounds, card shadows subtle, include sample KPI cards (title, numeric, small chart placeholder), and annotate responsive breakpoints and grid column spans. Export: dashboard_desktop.png and dashboard_tablet.png.

Generate a high-fidelity product page mockup for desktop (1280x900). Layout: left image column (600x600 hero), below a 4-thumb carousel; right details column with product title H1 34px, price $199 bold 28px, variant selectors (color swatches 40px), quantity stepper, sticky Add to Cart button fixed at bottom of viewport (desktop sticky bar 72px high). Include wishlist icon, rating stars, and collapsed accordion for reviews/specs. Use brand color #0A84FF for primary, ensure button contrast ratio passes WCAG AA. Label all components and export as product_desktop.png.

Produce two wireframes: Desktop (1366x768) and Mobile (375x812) landing pages following F-pattern layout. Desktop: hero left-aligned headline H1 42px, subheadline 18px, primary CTA top-left, secondary CTA outline, right-side hero illustration placeholder. Below hero: three feature columns with icon and short copy, trust badges row, and footer. Mobile: stacked single column with hero image on top. Use 24px baseline, 3-column feature grid collapses to single column on mobile. Label content blocks and CTAs. Export as landing_desktop.png and landing_mobile.png.

Generate 5 consistent carousel frames for mobile (390x844). Each frame must include a central illustration placeholder, concise headline, subtext, progress dots at bottom, 'Next' primary CTA and 'Skip' link in top-right. Provide states for initial, mid, and final screens (final screen shows 'Get Started' CTA). Style: soft rounded cards, use neutral gray wireframe with one accent color #FF6B6B. Export frames named onboarding_frame01.png through onboarding_frame05.png and include annotations: 'Progress dot size 8px', 'Primary CTA 44px x full-width minus 24px margins'.

Create a single artboard (1280x720) split into four panels showing a CRUD form for 'Create Product' in four states: Empty (placeholders), Filled (valid inputs), Error (field-level red messages and icons), Success (inline green check and 'Saved' toast). Fields: Title, SKU, Price, Category dropdown, Image upload placeholder, Save and Cancel buttons. Show inline validation copy, error color #E53935, success color #2E7D32, and keyboard shortcut hint 'Cmd+S' near Save. Label each panel with the state name.