The AI Agent

The AI Agent is a designer that works on your canvas. You describe what you want in plain language and it builds it with the same real elements, styles, breakpoints and CMS bindings you’d use by hand — then you keep editing visually. It’s available on the Starter, Pro and Max plans (see Plans & billing).

Tip

The Agent never dumps messy code. It edits the same clean, class-based, zero-JS design you’d build manually — so everything stays exportable and on-brand.

What it can do

Build sections

“Add a pricing section with three tiers” — it lays out the frames, text and buttons.

Restyle

“Make this hero darker and use our brand green” — it updates fills, type and spacing.

Make it responsive

“Stack these cards on mobile” — it sets the right per-breakpoint overrides.

Wire the CMS

“Turn this into a blog list bound to my Posts collection” — it binds fields for you.

Choosing a model

Two tiers, and your plan decides which you can reach. The picker in the editor shows exactly what your account may use and nothing it may not — and on a paid plan it is already set to the best one, so you do not have to know the names to get the best work.

Tier	Good for
Free models	Included with every account — small edits, restyles, trying things out
Our best models	Unlocked by any paid plan — whole pages, harder and multi-step design work

Smarter models cost more credits per action, so the picker is there if you want a lighter one for a small change. We name the tier rather than the model on purpose: the best model available changes as the field moves, and your plan always gets whichever that is.

Using it

1. Open a project and click the AI Agent in the right panel of the editor.

2. Describe the change — be specific about the element, the look and any content (“a 3-column Features section, green icons, headings from my Docs tone”).

3. Review the change on the canvas. Keep prompting to refine, or edit by hand — it’s your normal design, so nothing is locked.

Credits

Each Agent action spends AI credits from your monthly allowance (top-up packs cover any overflow). The visual canvas itself is always free — only the Agent uses credits.

Tips for good results

• One clear goal per prompt. “Add a testimonial row” beats “redo the page”.
• Name the element you mean (“the hero”, “the second card”) so it edits the right one.
• Give brand cues — colours, tone, spacing — and it’ll match them.
• A paid plan starts you on the best model. Drop to a lighter one in the picker when the change is small — it answers faster and spends fewer credits.