Generate your low-fi wireframes in seconds

Before Figma, there's… paper, Post-its, or AI. Creating a low-fidelity wireframe is the zero step of any interface: fast, rough, but essential for aligning a team. This prompt helps you structure a clear text mockup that you can then reproduce in Notion, FigJam, Whimsical or Miro.

When to use this prompt

During brainstorming or design sprint

Before making a high-fidelity mockup

To document an idea to share with devs or PMs

To quickly simulate an AI interface (GPT agent, chatbot…)

What this prompt allows you to obtain

A textual description of interface zones (header, body, CTA…)

UX notes not to forget (responsive, accessibility…)

A basis for working in no-code or figma mode

Time savings in design workshops

Tips and mistakes to avoid

✓Do's

•Think first reading logic → then aesthetics
•Indicate what each zone does, not its graphic appearance
•Add variants if you have several versions in mind

✗Don'ts

•Don't over-detail: low-fi = simplicity

Prompt Template

This is the base template with placeholders. Replace the placeholders with your specific information:

You are a UX Designer. Describe a low-fidelity wireframe for {{screen_purpose}}. The wireframe is intended for a user of type {{user_type}} in the following context: {{context_description}}. Structure your response in zones: 1) Header, 2) Main body, 3) CTA or interactions, 4) UX notes and responsive. Use a readable format that can be easily transferred to Notion or Whimsical. {{additional_context_block}}

Placeholder descriptions:

{{screen_purpose}}Screen purpose to prototype - ex: login screen, dashboard, configuration form, payment page

{{user_type}}Target user type - ex: new user, subscriber, unregistered visitor

{{context_description}}Usage context or constraints - ex: mobile only, usage in stressful situation, GDPR compliance

{{additional_context}}Other useful details (optional) - ex: respect current brand guidelines, integrate visual onboarding

Example of generated prompt

Here's an example with filled-in values:

You are a UX Designer. Describe a low-fidelity wireframe for a payment screen. The wireframe is intended for a user of type: regular customer. The context is: mobile only, GDPR compliance. Structure your response in zones: 1) Header, 2) Main body, 3) CTA or interactions, 4) UX notes and responsive. Also add these details: respect current brand guidelines and include a promo reminder box.

Share this prompt

Help others discover this useful prompt by sharing it on social media