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.

Rendered Image Properties

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

Width The design width of the template

Height The design height of the template

Background The base background behind all blocks

Padding Space inside the canvas edge

Overflow Whether content outside the canvas is hidden or visible

Emoji Emoji rendering behavior for the template

Image Settings Render settings used when the template is turned into an image

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.

Editor Settings

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

Quick Presets Sets the canvas width and height from a common size

Show grid Whether the grid is visible while editing

Grid size The spacing used for the editor grid

Snap to grid Whether blocks snap while moving or resizing

Show invisible block outlines Shows outlines for blocks that are hard to see while editing

Canvas Presets

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

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.