Guide›Design
DesignBeginner8 min

Chat to a design

Describe the screen you want in chat, and an AI design partner researches, plans, then builds an editable page on a zoom-and-pan canvas. Iterate by conversation, add multiple pages, and steer the assistant step by step.

How it works

MyndLab's Design module is a chat-to-design canvas. Instead of dragging elements by hand, you describe what you want in plain language, and an AI design partner researches, plans, then builds a real, editable page in front of you. Everything happens on a zoom-and-pan canvas, so you can zoom out to see a whole flow or zoom in on a single detail.

Every design session starts with a conversation. You type what you have in mind, the assistant may ask a clarifying question or two, then it builds the screen. From there you iterate — you don't rebuild from scratch each time.

💡
Tip.Think of the chat as a record of your intent. The clearer you describe the audience, the purpose, and the mood, the closer the first pass lands to your vision and the fewer iteration cycles you need.

Describing a screen

Start with a single message describing the page you need. Mention the kind of screen, who will use it, and the key elements that must appear. You don't need to mention colours or fonts yet — you can define the style later, or apply a saved Design DNA.

text
A landing page for a meditation app aimed at busy professionals.
Hero with a calm headline and a single call to action, a three-card
"how it works" section, social proof from testimonials, and a footer
with newsletter signup. Calm, spacious, lots of breathing room.

If your description leaves an important choice open — like how many columns or the tone of the copy — the assistant may ask a clarifying question before it builds. Answer in the chat, and it continues from there.

The editable canvas

What the assistant builds is not a static image — it's a live page on the canvas. Zoom in, zoom out, and pan to move between sections. Select any element to interact with it directly, or ask for a change in chat and the assistant applies it for you.

1
Zoom and pan
The page lives on an infinite canvas. Zoom out to see the whole screen in context, or zoom in to work on one section up close. Especially useful when laying out multiple pages side by side.
2
Direct editing
Select an element on the canvas to adjust it directly — edit text, swap an image, or rearrange sections. Changes are immediate on the canvas itself.
3
Editing via chat
For larger or fuzzier changes, describe them in chat instead — like "make the hero calmer" or "add a pricing comparison strip." The assistant plans the change and applies it to the canvas.

You can leave comments on specific regions of the design to capture notes or coordinate with teammates, and when a page is ready you can turn it into a real Web App.

Iterating by conversation

The real power of the chat-to-design canvas is iteration. You don't have to get everything right on the first try — you build a version, then refine it message by message. The assistant keeps the conversation's context, so each message builds on what came before.

text
Tighten the spacing in the hero and make the headline two lines.
Now try a darker, more premium palette.
Move the testimonials above the "how it works" section.
Add a sticky header that appears after the user scrolls past the hero.

You can freely mix conversational iteration with direct editing. Fix a piece of text yourself on the canvas, then ask the assistant to rework an entire layout — both approaches operate on the same live page.

ℹ
Note.Each meaningful iteration can be captured as a version, so you can compare and roll back later. See the Versions & history guide for how to snapshot each stage of your design.

Multiple pages

A design is rarely a single screen. On the same canvas, you can build multiple pages and arrange them side by side — a home page, a pricing page, a dashboard, an empty state — so you see the whole product at a glance.

1
Ask for a new page
Describe the next screen in chat, like "add a pricing page with three tiers that matches the home page style." The assistant adds it to the canvas next to your existing work.
2
Keep them consistent
Pages on the canvas share one design style. When you update the Design DNA or restyle, all pages follow the same system — no need to redesign each screen separately.
3
Arrange and compare
Move pages around the canvas to group related flows together, and zoom out to review the end-to-end experience as a single coherent story.

The assistant: research & build

The AI design partner does more than execute commands. When you ask for a screen, it first researches and plans — considering the patterns suited to the product type, a sensible hierarchy, and what content belongs in each section — before it builds anything.

That means you can work at a high level of intent ("I want a dashboard that feels confident but uncluttered") and let the assistant translate it into a concrete layout. You then refine the details from there.

1
Research
The assistant interprets your request in the context of the product type and audience, inferring suitable patterns and structure rather than asking you to specify every detail.
2
Plan
Before building, the assistant lays out a plan for the screen — the sections, their order, and the content that fills them — so the first pass is structured rather than random.
3
Build
The assistant renders a live, editable page on the canvas. From there the controls are yours: edit directly, iterate by conversation, save a version, or turn the design into a Web App.
💡
Tip.If you're not sure exactly what you want yet, ask the assistant to propose a direction. It can build a sensible starting point to react to, which is often faster than starting from a blank page.