Template Editor Quick Start

Build a saved image template, test it with variables, and render it through the API.

Start in the dashboard by creating a new template or opening an existing one. The editor opens with the canvas in the middle, the block sidebar on the left, and the editing sidebar on the right.

If you want a starting point, browse the template presets or try the template playground before building your own template.

Choose a starting point

Basic workflow

1. Create a new template from the dashboard.
2. Set the canvas size and image settings for the final image.
3. Add blocks for rich text, simple text, images, shapes, HTML, or layout panels.
4. Select each block to edit its properties in the right sidebar.
5. Style the blocks with backgrounds, borders, shadows, sizing, and typography.
6. Connect fields to template variables when a value should change between renders.
7. Use the Variables tab to preview with realistic data.
8. Save the template and render it with the API.

Preview with variables

Variables let one saved template render different output each time. Use them for names, titles, image URLs, colors, numbers, or any other value that should come from your render request.

Fields that support variables show the hard-hat control. Use the Variables tab to review the keys in the template, set preview values, and check how the design behaves before rendering it through the API.

Rendering the saved template

After saving, render the template by using its template id and passing template_values for the variable fields.

{
  "template_values": {
    "title": "Quarterly Report",
    "subtitle": "June 2026"
  }
}

See Image Templates for the full API reference.

The editor saves the design structure for you. In API requests, you work with the template id, image settings, and template_values.

Next steps