← All postsProduct

Generate on-brand images right inside your design tool

Stop bouncing between an image generator, a download folder, and your editor. Generate a picture and drag it straight onto the canvas.

An empty image frame on a canvas filling with a freshly generated abstract picture.

The usual way to get an image into a design is a scavenger hunt: open a separate AI tool, write a prompt, download the result, find it in your downloads folder, drag it into your editor, realize the crop is wrong, repeat. The picture takes thirty seconds; the round trip takes ten minutes.

Image generation in PageBuild lives where you're already working, so the round trip disappears.

Generate, then drag onto the canvas

Describe the image you want and PageBuild generates it inline. When you like it, drag it straight onto the page — into a hero, a card, a background — and it lands as a real element you can resize and position like anything else.

  • No context switch: the generator is in the editor, next to the page you're designing.
  • Pick your aspect ratio: square, wide, or tall, so the image fits the slot you're filling.
  • Swap in seconds: regenerate until it's right, then drop it in.
Bring your own key, or use credits

Connect your own Replicate key and generation runs at your provider's cost with no markup. Prefer not to manage keys? Use PageBuild-hosted credits instead — roughly one credit per image. Either way it's the same flow.

Why "in the tool" changes how you work

When generating an image is a ten-minute errand, you ration it — you settle for the first okay result. When it's a drag away, you experiment: try three hero treatments, see them on the real page at the real size, and keep the one that actually works in context.

Seeing it in place is the whole point

An image that looks great in a generator's preview can fall apart in the actual slot — wrong crop, wrong mood, fights the headline. Dropping it onto the live page means you judge it where it'll live, not in isolation.

A quick workflow

  1. Select the element or area that needs an image.
  2. Describe the picture you want and generate it.
  3. Drag the result onto the canvas and position it.
  4. Not quite right? Regenerate and swap — no downloads, no re-import.
The best tool for the job is the one you don't have to leave.

Every cover image on this blog was generated this way. Open the editor and put a fresh image on a real page in under a minute.

Redesign a real page in five minutes.

No signup, no install, no code. Free for one person, forever.

Open the editor