Skip to content
Documentations

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).

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.

The Agent runs on Claude. Pick the model to match the job — smarter models cost more credits per action:

Model Good for
Sonnet 5 Fast everyday edits — restyles, small sections, tweaks
Opus 4.8 Balanced quality for most building
Opus 5 The hardest, most creative or multi-step design work
  1. Open a project and click the AI Agent in the right panel of the editor.

  2. Pick a model, then 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.

  • 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.
  • Start on Sonnet 5 for speed; move to Opus 5 when a task needs more reasoning.

Was this page helpful?