Canvas

The canvas is the image area your blocks sit on.

Open the Canvas tab in the right sidebar to change canvas settings. These settings apply to the whole template.

These settings affect the saved template and the image that is generated from it.

Image settings are saved with the template and flow through when the template is rendered. They map to API parameters such as device_scale, ms_delay, selector, and proxy_id.

Property	Details
Width	Design width of the template.
Height	Design height of the template.
Background	Base background behind all blocks.
Padding	Space inside the canvas edge.
Overflow	Hide or show content outside the canvas.
Emoji	Emoji rendering behavior.
Image Settings	Settings used when rendering the template.

These settings can make editing easier. They do not add visible content to the final image.

Property	Details
Quick Presets	Set width and height to a common size.
Show grid	Show the grid while editing.
Grid size	Spacing of the editor grid.
Snap to grid	Snap blocks while moving or resizing.
Show invisible block outlines	Outline blocks that are hard to see while editing.

Canvas presets are shortcuts for common image sizes. Choosing a preset updates the width and height. It does not resize or rearrange the blocks already on the canvas.

Presets are grouped by how the image is usually used:

Group	Examples
Social Content	Instagram feed, square, story, reel, Facebook cover, X header, Pinterest pin, LinkedIn post
Digital Ads	Google responsive display, IAB banner, leaderboard, rectangle, and mobile ad sizes
Web, Product, and Docs	Open Graph image, presentation slide, website hero, email hero

Common presets include:

Image type	Common canvas size
Open Graph image	1200 x 630
Instagram square	1080 x 1080
Instagram story/reel	1080 x 1920
Presentation slide	1920 x 1080
Email hero	1200 x 600

Image settings are saved with the template and flow through when the template is rendered.

Property	Related API parameter
Device Scale	device_scale
MS Delay	ms_delay
Selector	selector
Proxy	proxy_id

Use Device Scale when the final image needs more or fewer pixels than the canvas design size. For example, a 1200 x 630 canvas with device_scale: 2 renders at 2400 x 1260.

Use MS Delay when content needs a moment to settle before capture. Most templates should not need a long delay.

Use Selector only when the render should crop to a specific element. Most editor templates can leave this empty.

Use Proxy when remote images or assets should be fetched through one of your configured proxies.