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.
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour améliorer la cohérence du texte et éviter les déformations des icônes, remplacez `--v 6.1` par `--v 6.1 --style raw` et réduisez `--s` à 250. Cela préserve mieux la typographie et les éléments d'interface.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Write a color system rationale
Document color system decisions
Perplexity Prompt for Generating Advertising Visuals
Perplexity AI, with its augmented search capabilities and advanced contextual understanding, becomes a valuable ally for designing impactful advertising visuals. Unlike traditional image generation tools, Perplexity allows you to anchor your creative briefs in real market data: current visual trends, industry color codes, platform-specific high-performing formats. By crafting precise prompts, you can obtain detailed visual descriptions, structured creative briefs for your designers or generative AI tools, and even composition recommendations based on what actually works in your industry. The approach leverages Perplexity's integrated web search to feed each creative decision with concrete data, avoiding generic visuals that drown in the advertising feed. Whether you are preparing a Meta Ads, Google Display, or LinkedIn Sponsored campaign, a well-constructed prompt transforms Perplexity into an augmented art director capable of producing actionable and differentiating visual briefs.
GitHub Copilot Prompt for Creating YouTube Thumbnails
GitHub Copilot, GitHub's AI-powered code assistant, can be a formidable ally for generating striking YouTube thumbnails directly from your code editor. By leveraging its code generation capabilities, you can create automated scripts that produce professional thumbnails in HTML/CSS, using Canvas API, or via libraries like Sharp, Jimp, or Puppeteer. Whether you're a content creator looking to industrialize your thumbnail production or a developer wanting to build a thumbnail generation tool, Copilot significantly speeds up the process. It understands your project context, suggests suitable visual compositions, handles text overlays with eye-catching effects, and proposes click-optimized color palettes. This page provides optimized prompts to get the most out of GitHub Copilot for YouTube thumbnail creation, with variants suited to each technical expertise level.
Gemini Prompt to Create a Logo
Gemini, Google's multimodal artificial intelligence, offers remarkable capabilities for logo creation thanks to its advanced understanding of language and visual design. Whether you're an entrepreneur launching a new brand, a freelancer looking to quickly prototype visual identities, or a designer seeking to explore creative avenues, Gemini can generate professional logo concepts from precise textual descriptions. The tool excels particularly at interpreting complex creative briefs, combining typographic style, symbolism, color palette, and brand positioning. By crafting a structured prompt that details your industry, brand values, and aesthetic preferences, you will obtain coherent and actionable logo proposals. This approach does not replace the work of a professional designer for finalization, but it significantly accelerates the ideation phase and allows you to arrive at meetings with concrete visual concepts rather than mere abstract descriptions.