DALL-E Prompt to Create a UI Design
DALL-E, OpenAI's image generation model, has become an essential tool for UI designers looking to speed up their ideation phase. Instead of spending hours sketching mockups from scratch, you can use DALL-E to quickly generate visual concepts of user interfaces: mobile app screens, dashboards, home pages, or even individual components. The main challenge lies in crafting the prompt: a vague prompt will produce a generic, unusable image, while a structured and precise prompt will generate a consistent, modern design that can be directly used as a visual reference. To achieve professional results, it's essential to specify the type of interface, the desired graphic style, the color palette, the visual hierarchy, and the context of use. In this guide, you'll discover an optimized main prompt for creating UI designs with DALL-E, along with variants suited to your expertise level and practical tips to refine your results. Whether you're a beginner designer seeking inspiration or an experienced professional wanting to prototype quickly, these prompts will save you considerable time in your creative workflow.
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Create a professional and modern UI design for a personal finance mobile app. The main screen displays a dashboard with: a total balance at the top in bold typography, a line chart showing spending trends over 30 days, three spending category cards (food, transportation, entertainment) with minimalist icons and colored progress bars, and a bottom navigation bar with 4 tabs. Style: clean design system inspired by Apple Human Interface Guidelines, color palette deep blue (#1A237E) and white with violet accents (#7C4DFF), 16px rounded corners, soft shadows, sans-serif typography. High-quality resolution, full screen view on a light gray neutral background.
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 because it combines three essential elements: a precise application context (finance app), a structured description of each UI component with its visual hierarchy, and technical design specifications (hex color codes, border radii, typographic style). By explicitly mentioning Apple Human Interface Guidelines, we anchor DALL-E in a recognized design framework, which guides the generation towards consistent and professional results.
Use Cases
Variants
Expected Output
You will get a high-fidelity mockup of a mobile screen displaying an elegant and modern financial dashboard. The image will show a complete interface with a clear visual hierarchy, well-spaced components, a consistent blue-violet color palette, and a level of finish close to a design created in Figma. The result is directly usable as a visual reference or mood board to guide your design work.
Frequently Asked Questions
Can DALL-E really create production-ready UI designs?
DALL-E generates raster images, not editable vector files. The designs produced are therefore primarily useful as visual references, mood boards, or rapid exploration concepts. To move into production, you'll need to recreate the interface in a design tool like Figma or Sketch, using the generated result as inspiration. However, DALL-E excels at speeding up the ideation phase: in a few seconds, you get a complete visual concept that would have taken you hours to sketch manually.
How can I get readable and consistent text in UI designs generated by DALL-E?
Text handling remains one of DALL-E's weak points: generated words are often distorted or inconsistent. To work around this limitation, favor prompts that describe structure and layout rather than exact textual content. Use terms like 'placeholder text' or 'lorem ipsum' for text areas, and focus on visual hierarchy (sizes, weights, spacing). You can add the actual text later in your design tool.
Which version of DALL-E should I use for UI design and what settings are best?
DALL-E 3, integrated into ChatGPT Plus and the OpenAI API, delivers the best results for UI design thanks to its improved understanding of long, detailed prompts. Opt for portrait format (1024x1792) for mobile screens and landscape format (1792x1024) for desktop dashboards. Use 'vivid' mode for more saturated, high-contrast colors, or 'natural' for a more subdued, professional look. If the first result isn't right, iterate by adding or removing details rather than completely rewriting your prompt.
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
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.
Midjourney Prompt for Creating Mockups
Mockups have become an essential part of the creative process, whether to present a logo on packaging, visualize a website design on a screen, or stage a product in a realistic context. Midjourney revolutionizes this step by generating photorealistic mockups in seconds, without the need for complex PSD files or expensive stock images. Thanks to its advanced understanding of materials, lighting, and perspectives, Midjourney produces professional-quality staging that rivals studio photography. Whether you are a graphic designer presenting a visual identity to a client, an entrepreneur looking to visualize packaging before production, or a marketer creating visuals for a campaign, mastering mockup prompts will save you considerable time. The main challenge lies in the precision of the instructions: type of support, viewing angle, lighting, environment, and level of realism must be carefully described to obtain a usable result. This guide provides optimized and tested prompts for creating compelling mockups with Midjourney, from simple product previews to ultra-realistic renders worthy of a professional shoot.
Claude Prompt for Creating YouTube Thumbnails
YouTube thumbnails are the first visual element viewers see before clicking on a video. An effective thumbnail can double or triple your click-through rate, making it one of the most powerful growth levers on the platform. Claude excels at thumbnail design thanks to its ability to generate precise visual descriptions, balanced compositions, and catchy text tailored to your niche. By using Claude as a creative assistant, you can quickly iterate on thumbnail concepts, get high-contrast color recommendations, structure visual hierarchy, and write short, emotionally impactful text. Whether you are a beginner creator or an established YouTuber, Claude helps you systematize your thumbnail creation process to produce visuals that are consistent with your brand, optimized for mobile, and designed to trigger the click. This guide provides ready-to-use prompts to turn Claude into a true art director for your YouTube thumbnails.