Canvas

The canvas is your workspace in Design Mode. Designs land here as you generate them; you arrange, edit, and compare from one infinite surface.

​

Moving around

Zoom range is 10% to 400% — enough to see a full-site layout zoomed out and pixel detail zoomed in.

​

Selecting

• Click a design to select it. Selection handles appear at the corners.
• Shift-click to add to selection — works on any number of designs.
• Drag a box on empty canvas to lasso-select everything inside.
• Esc clears selection.

​

Resizing

Drag any corner handle to resize a design’s frame. The content inside re-flows to the new dimensions — it’s not a flat image. Hold Shift while resizing to constrain to the preset breakpoints (390, 768, 1440).

​

Right-click menu

Right-click any design to get:

• Duplicate — copy alongside the original
• Variants — generate 3 alternative takes from the same brief
• Edit — opens the inline prompt for that design
• Build — exports to React and spins up a live preview project
• Download — raw HTML
• Bring to front / Send to back — z-order for overlapping designs
• Delete — gone (with undo)

​

Generating side by side

Every new prompt drops a new design onto the canvas next to your current one — it doesn’t replace anything. This is the whole point: you accumulate options instead of overwriting them. A typical session ends with 6–10 designs on the canvas; you cluster the keepers, delete the rejects, and pick your favourite to Build.

​

Canvas sizes

Pick a preset that matches what you’re designing. Sizes drive defaults (typography scale, padding, expected content density) so a slide doesn’t look like a phone screen and vice versa. You can mix sizes on the same canvas — drop a mobile screen next to a desktop layout next to a slide. Useful for designing a marketing site and its pitch deck in one session. Set the size before generating, or change a design’s size from the right-click menu after the fact. Changing size re-flows the content responsively.

​

Saving

The canvas auto-saves continuously. There’s no save button. If you close the tab and come back, every design and its position is exactly where you left it.

​

Sharing

The Share button generates a read-only link to the canvas. Anyone with the link can pan, zoom, and view your designs, but can’t edit. Useful for stakeholder reviews without needing them to sign up.

​

Keyboard shortcuts