Image / Designer / Product Manager

Midjourney UI Hero Mockup Generator

Create art-directed UI hero mockup prompts for product launches, SaaS pages, and homepage visuals.

ChatGPT, Claude, Midjourney · 0 copies · 0 views

Customize this prompt

Fill variables before copying. Required fields stay visible in the preview until completed.

Product name *

Product type *

Target user *

Visual direction *

Interface focus *

Aspect ratio *

How to use

Use this when you need better hero visuals for a product page, launch campaign, or homepage redesign. It works well before you move into a real UI mockup or art direction pass.

Example output

1. MIDJOURNEY PROMPT: polished SaaS hero visual, cinematic angled desktop UI mockup, layered dashboard cards with subtle glass depth, comments sidebar visible, cool graphite background with cyan highlights, realistic screen glow, premium product launch composition, negative space on left for headline and CTA --ar 16:9 --style raw

Use when the landing page needs a strong enterprise product signal above the fold.

2. MIDJOURNEY PROMPT: clean product hero, floating browser frame, analytics dashboard with collaboration annotations, depth-of-field lighting, restrained blue and slate palette, minimal but high-end interface storytelling, headline-safe composition --ar 16:9 --style raw

Related collections

Explore landing pages that feature this prompt.

These curated collection pages keep this prompt connected to broader search themes and adjacent workflows.

Midjourney Prompts for UI Design: Mockups, Components & Motion Specs

Related prompt templates

More Designer prompts to try.

Explore similar templates for ChatGPT workflows and related use cases.

DesignerChatGPT

UX Writing Microcopy

Write clear, helpful microcopy for UI elements, error states, and empty states.

Write UX microcopy for {{product}} — a {{product_description}}. Feature/context: {{feature}} Tone: {{tone}} Provide copy for: 1. Empty state (no data yet) 2. Error state (something went wrong) 3. Success confirmation 4. Loading state message 5. Tooltip/help text 6. CTA button text (primary + secondary) 7. Confirmation dialog Rules: - Be specific, not generic - Use active voice - Keep under 10 words for UI elements - Include a helpful action where possible - Match the {{tone}} tone

DesignerChatGPT

Component Library Audit Report

Audits an existing component library for consistency, coverage, accessibility, and documentation quality.

Audit the {{library_name}} component library. Stack: {{tech_stack}}. Components: {{component_list}}. Evaluate: (1) API consistency (prop naming, event handling, slot patterns), (2) visual consistency (spacing, color token usage, typography), (3) accessibility compliance (ARIA, keyboard support, screen reader), (4) documentation quality (props table, examples, do/don't), (5) test coverage assessment, (6) bundle size per component, (7) missing components for common use cases. Output a maturity sco...