P

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, landing pages, or individual components. The main challenge lies in prompt formulation: a vague prompt will produce a generic, unusable image, while a structured, precise prompt will generate a coherent, modern design directly usable as a visual reference. To get professional results, it is essential to specify the interface type, desired graphic style, color palette, visual hierarchy, and usage context. In this guide, you will discover an optimized main prompt for creating UI designs with DALL-E, along with variants adapted to your expertise level and practical tips to refine your results. Whether you are a beginner designer looking for inspiration or an experienced professional wanting to quickly prototype, these prompts will save you considerable time in your creative workflow.

The prompt

DALL-E

Create a professional and modern UI design for a personal finance management mobile app. The main screen displays a dashboard with: a total balance at the top with bold typography, a line chart showing expense evolution over 30 days, three expense category cards (food, transport, leisure) 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, deep blue (#1A237E) and white color palette with purple (#7C4DFF) accents, 16px rounded corners, soft shadows, sans-serif typography. High quality resolution, full screen view on light gray neutral background.

Personalize this prompt with Léa

Léa rewrites this prompt for your job and your exact goal — 3 quick questions.

Why it 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 the Apple Human Interface Guidelines, we anchor DALL-E in a recognized design framework, guiding the generation toward coherent and professional results.

Expected result

You will get a high-fidelity mockup of a mobile screen featuring an elegant and modern financial dashboard. The image will show a complete interface with clear visual hierarchy, well-spaced components, a consistent blue-purple palette, and a finish level close to a Figma design. The result is directly usable as a visual reference or mood board to guide your design work.

Variants by level

FAQ

Can DALL-E really create UI designs usable in production?
DALL-E generates raster images, not editable vector files. The designs produced are therefore mainly useful as visual references, mood boards, or quick exploration concepts. To move into production, you will need to recreate the interface in a design tool like Figma or Sketch, drawing inspiration from the generated result. However, DALL-E excels at accelerating the ideation phase: in seconds, you get a complete visual concept that would have taken you hours to sketch manually.
How to get readable and coherent text in UI designs generated by DALL-E?
Text handling remains one of DALL-E's weak points: generated words are often distorted or incoherent. To get around this limitation, favor prompts that describe the 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 will add the actual text later in your design tool.
Which version of DALL-E should I use for UI design and what parameters should I favor?
DALL-E 3, integrated into ChatGPT Plus and the OpenAI API, offers the best results for UI design thanks to its improved understanding of long, detailed prompts. Favor portrait format (1024x1792) for mobile screens and landscape format (1792x1024) for desktop dashboards. Use 'vivid' mode for more saturated and contrasted colors, or 'natural' for a more sober, professional look. If the first result is not satisfactory, iterate by adding or removing details rather than completely rewording your prompt.

Related prompts

How to use this prompt

  1. Copy the prompt with the button above.
  2. Paste it into ChatGPT, Claude or your favorite AI assistant.
  3. Replace the bracketed variables with your details, then refine the result.

About Prompt Guide

Prompt Guide is a free library of 4800+ ready-to-use prompts for ChatGPT, Claude and other AIs, with guides to learn prompting and tools to build and optimize your own prompts.

More prompts to explore

Go further

Get new prompts every week

Join our newsletter.