Midjourney Prompt for Creating a UI Design
Midjourney has established itself as an essential tool for UI designers looking to accelerate their creative process. Whether you're designing a mobile app, a dashboard, or a website, Midjourney enables you to generate remarkably high-quality visual mockups in seconds. The AI particularly excels at creating harmonious compositions, selecting cohesive color palettes, and generating modern layouts that align with current interface design trends. By crafting precise prompts that incorporate the interface type, visual style, color scheme, and specific UI elements, you obtain visual concepts that can be used directly as references or starting points in Figma or Sketch. This approach doesn't replace detailed design work, but it radically transforms the ideation and visual exploration phase. Product teams now use Midjourney to present creative directions to their clients, quickly explore multiple creative avenues, and establish ultra-realistic moodboards. Mastering prompt engineering for UI design with Midjourney means saving hours of work while significantly expanding your creative scope.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
UI design for a modern fintech mobile app, clean and minimal interface, dashboard screen showing account balance, transaction history and spending analytics charts, glassmorphism cards with subtle gradients, color palette of deep navy blue and electric teal with white accents, SF Pro Display typography, smooth rounded corners, bottom navigation bar with 5 icons, status bar visible, iPhone 15 Pro frame, Dribbble and Behance award-winning quality, 8K render, ultra-detailed, professional UI/UX design --ar 9:16 --s 750 --q 2 --v 6.1
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Why this prompt works
This prompt works by combining three key elements: a precise description of the application context (fintech, dashboard), concrete stylistic guidelines (glassmorphism, specific palette, named typography), and professional quality references (Dribbble, Behance). The Midjourney parameters --s 750 reinforces stylistic consistency while --q 2 maximizes the detail level, and the --ar 9:16 ratio ensures a realistic mobile format.
Use Cases
Variants
Expected Output
You'll obtain a high-fidelity mobile mockup featuring a fintech dashboard screen with glassmorphism cards, spending analysis charts, and bottom navigation. The render will be photorealistic, framed within an iPhone 15 Pro, with a visual quality worthy of a professional portfolio on Dribbble.
Frequently Asked Questions
Which aspect ratio should I choose for a mobile or desktop UI design with Midjourney?
For a mobile design, use --ar 9:16, which matches the portrait format of modern smartphones. For a desktop screen or dashboard, go for --ar 16:9 or --ar 3:2. If you want to display multiple screens in a single image (design system), the --ar 1:1 or --ar 4:3 format provides enough space. The choice of ratio directly influences the composition generated by Midjourney and the credibility of the final result.
How can I get a realistic and usable UI design instead of an artistic illustration?
The key is to use precise UI design technical terms in your prompt: mention specific components (cards, navigation bar, toggle, input fields), name real typefaces (Inter, SF Pro, Plus Jakarta Sans), reference professional platforms (Dribbble, Behance, Mobbin, Awwwards), and specify a device frame (iPhone 15, MacBook). The --style raw parameter in Midjourney v6 reduces artistic embellishments for a more faithful result. Also add terms like 'Figma-ready', 'pixel-perfect', or 'production-ready UI' to guide the model towards a professional outcome.
Can designs generated by Midjourney be used directly in production?
No, images generated by Midjourney serve as a visual reference, moodboard, or creative starting point, but they cannot be directly integrated into production. The generated text is often incorrect or illegible, spacing does not follow a precise grid, and elements are not interactive. The best approach is to use the Midjourney result as a visual guide in Figma to recreate the interface with real components, correct text, and a structured design system. Some designers also use the image as a presentation background or to validate an artistic direction before investing time in detailed mock-ups.
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Sora Prompt for Creating a Brand Style Guide
Sora, OpenAI's video and visual generation model, opens up unprecedented possibilities for creating brand style guides. Traditionally reserved for experienced designers mastering tools like Adobe Illustrator or Figma, designing a cohesive visual identity can now be initiated thanks to artificial intelligence. By formulating a precise prompt, you can generate inspiration boards, harmonious color palettes, typographic proposals, and visual elements that form the foundation of a professional style guide. Sora's advantage lies in its ability to produce visually consistent outputs, which is essential for a unified brand identity. Whether you are an entrepreneur launching your project, a marketing manager looking to refresh your image, or a designer seeking to accelerate your ideation phase, the prompts on this page will guide you step by step. You will learn how to structure your instructions to obtain usable results: from color selection to defining the visual tone, including variations across different media. The goal is to transform an abstract vision into concrete and coherent graphic elements.
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Prompt Claude to Create a Brand Style Guide
Creating a coherent and professional brand style guide is a strategic exercise that goes far beyond simply choosing colors. It defines the complete visual identity of a brand: color palette, typography, logo usage rules, spacing, iconography, and overall visual tone. Traditionally entrusted to branding agencies, this task can now be greatly accelerated thanks to Claude. By providing precise context about your brand — its values, positioning, target audience, and industry — Claude generates a structured style guide with well-argued recommendations for each visual element. It proposes precise hex codes, harmonious typographic pairings, spacing rules, and clear usage guidelines. Claude particularly excels at justifying each graphic choice in relation to brand strategy, allowing you to obtain not only an operational document but also an internal communication tool explaining the why behind each visual decision. Whether you are launching a new brand or modernizing an existing identity, Claude structures your thinking and produces a deliverable directly usable by your designers.