P

ChatGPT Prompt to Create Mockups

Mockups are essential visual representations in the digital product design process. They allow you to visualize the final appearance of an app, website, or interface before development begins. With ChatGPT, you can now generate detailed mockup descriptions, obtain complete page structures, and even produce realistic mockup images via integrated DALL-E. Whether you are a designer looking to speed up your ideation phase, a project manager needing to present a concept to stakeholders, or an entrepreneur wanting to materialize your product vision, ChatGPT transforms your text brief into usable mockups. The tool particularly excels at generating annotated wireframes, high-fidelity mockups with realistic content, and design variations to test different approaches. By combining contextual understanding of natural language with image generation, ChatGPT allows you to go from idea to visual in minutes, whereas the traditional process would require several hours of work in Figma or Sketch.

The prompt

ChatGPT

Act as a senior UI/UX designer with 15 years of experience. I need to create a mockup for [type of project: mobile app / website / dashboard / landing page]. Here is the context:

  • Industry: [industry sector]
  • Target audience: [audience description]
  • Main page objective: [conversion / information / navigation / onboarding]
  • Desired visual style: [minimalist / corporate / creative / luxury / tech]
  • Color palette: [main colors or "to propose"]

Generate a detailed mockup including:

  1. The complete page structure (header, sections, footer) with visual hierarchy
  2. Realistic text content for each element (headlines, subheadings, CTAs, paragraphs)
  3. Specifications for each component (suggested dimensions, spacing, typography)
  4. Recommended interactions and micro-animations
  5. A high-fidelity mockup image showing the final rendering

Follow modern UX conventions and WCAG 2.1 accessibility standards. Propose 2 layout variants for the hero section.

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 thanks to assigning a precise expert role that activates ChatGPT's specialized knowledge in UI/UX design. The numbered bullet structure with variables in brackets forces a comprehensive and personalized response. Mentioning WCAG standards and requesting variants pushes the model to produce a professional rather than generic result.

Expected result

You will obtain a complete architectural description of your mockup with each section detailed, ready-to-use text content, and a DALL-E generated image representing the visual rendering. The result includes typography, spacing, and interaction recommendations that can be directly ported to Figma or any other design tool.

Variants by level

FAQ

Can ChatGPT really generate usable mockup images?
Yes, thanks to integrated DALL-E, ChatGPT can generate visually realistic mockup images. However, these images primarily serve as visual references and communication tools. For an editable pixel-perfect mockup, it's recommended to use the result as a guide in a tool like Figma or Adobe XD. ChatGPT excels at rapid ideation, generating variations, and producing realistic content for your mockups.
How to get a mockup consistent with my existing brand guidelines?
Provide ChatGPT with the key elements of your brand guidelines: hexadecimal color codes, font names, button and component styles, as well as examples of existing pages via screenshots. The more precise you are in describing your visual identity, the more faithful the mockup will be. You can also attach your style guide as a PDF for ChatGPT to analyze and follow.
What is the difference between a wireframe and a mockup generated by ChatGPT?
A wireframe generated by ChatGPT focuses on structure and information hierarchy: block layout, navigation flow, and content architecture, typically in black and white. A high-fidelity mockup includes colors, typography, images, and realistic content to represent the final rendering. In your prompt, explicitly specify the desired fidelity level. Always start with a wireframe to validate the structure before moving on to the detailed mockup.

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

ChatGPT Prompt to Create Personas

Creating personas is a foundational step in any marketing strategy, UX design, or product development. A well-built persona helps you understand the motivations, frustrations, and behaviors of your target audience. Traditionally, this process requires weeks of interviews, surveys, and data analysis. With ChatGPT, you can significantly accelerate this process by generating detailed, realistic personas from your existing data or a strategic brief. AI excels at synthesizing complex information and creating consistent profiles that integrate demographic, psychographic, goals, barriers, and purchase journey data. Whether you are an entrepreneur, marketer, or designer, using ChatGPT to create your personas allows you to get a structured deliverable in minutes that you can then refine with your field data. The prompts presented here are designed to produce immediately usable personas, with the level of detail needed to guide your strategic decisions and align your teams around a shared vision of your ideal customer.

ChatGPT Prompt to Define a Positioning

Defining a clear and differentiating positioning is one of the most strategic steps for any business or brand. ChatGPT can assist you in this process by structuring your competitive analysis, identifying your differentiating factors, and crafting a compelling value proposition.

ChatGPT Prompt to Generate Brand Names

Finding the perfect brand name is one of the most crucial steps when creating a business or launching a product. A good brand name must be memorable, evocative, legally available, and suited to your target market. ChatGPT proves to be a formidable ally in this creative process: thanks to its ability to combine concepts, play with sounds, and explore various linguistic registers, it can generate dozens of original suggestions in seconds. Where a classic brainstorming session can take hours without satisfactory results, a well-structured prompt can yield relevant brand names, sorted by style and accompanied by justifications. Whether you're looking for an abstract name, a portmanteau, a neologism, or an evocative name, ChatGPT can explore all these avenues simultaneously. The trick lies in the precision of the brief you provide: business sector, brand values, demographic target, and technical constraints are all parameters that significantly refine the quality of the suggestions. Discover below the optimized prompt to transform ChatGPT into a true professional brand name generator.

ChatGPT Prompt to Generate Exercises

Creating educational exercises is one of the most time-consuming tasks for teachers, trainers, and educational content designers. ChatGPT t

ChatGPT Prompt to Generate Python Code

ChatGPT has become an essential tool for Python developers, whether beginners or experienced. Thanks to its advanced understanding of natural language, it can transform a functional description into clean, structured, and functional Python code in seconds. But the quality of the generated code directly depends on the quality of the prompt used. A vague prompt will produce generic and often unusable code, while a well-structured prompt will generate production-ready code with error handling, typing, and documentation. In this guide, we offer optimized prompts to get the most out of ChatGPT for generating Python code. Whether you need to write an automation script, a REST API, a data processing algorithm, or a complex class, these prompts will give you accurate and professional results. The goal is to save you time while maintaining a high quality level, by guiding ChatGPT with the right instructions to follow PEP 8 conventions, include docstrings, and produce maintainable code.

ChatGPT Prompt to Optimize a Landing Page

A high-performing landing page can make the difference between a visitor bouncing and a customer converting. Yet optimizing every element — from the compelling headline to the call-to-action and argument structure — requires expertise in copywriting, UX, and persuasion psychology. ChatGPT becomes a formidable ally: by providing context about your offer, target audience, and conversion goals, it can analyze your existing page, identify friction points, and propose concrete rewrites. The AI particularly excels at generating headline variations, improving value propositions, and restructuring content blocks to maximize engagement. Whether you are launching a new product, optimizing an existing page, or preparing an A/B test, these prompts will give you actionable recommendations immediately, without needing to hire a specialized agency. You will save considerable time while benefiting from a methodical analysis of every component of your landing page.

Go further

Get new prompts every week

Join our newsletter.