Template Editor
Design saved image templates in the dashboard, then render them through the API.
Open Dashboard Browse Presets Templates API
The Template Editor is for building image templates visually. Add blocks, style them, connect template variables, then render the saved template through the API.
Use the editor when you want a reusable layout but do not want to write the whole design by hand in HTML and CSS. For a fast example, start from the template presets or open the template playground.
Open it from the dashboard by creating or editing a template. The canvas is the image area, the left sidebar adds blocks, and the right sidebar changes depending on whether you are editing a block, the canvas, or variables.
What you can build
- Reusable social images, product graphics, certificates, reports, cards, and other image layouts
- Variable-driven text, image URLs, colors, numbers, and other render-time values
- Layouts made from text, images, shapes, HTML, and panel blocks
- Templates that can be adjusted visually and rendered through the API
Editor areas
| Area | What it controls |
|---|---|
| Canvas | Image size, canvas background, image settings, and the visible template area |
| Left sidebar | Blocks you can add to the template |
| Right sidebar | Properties for the selected canvas, block, panel child, or variable |
| Variables tab | Preview values and variable behavior before rendering |
| Preview and export | Check the generated output while you work |
Guides
| Guide | Description |
|---|---|
| Quick Start | Build, preview, save, and render a template |
| Canvas | Set image size, canvas styling, and image settings |
| Variables | Connect render-time values to template fields |
| Blocks | Choose text, media, shape, HTML, and panel blocks |
| Advanced | Layout behavior, panels, sizing, positioning, and Extra CSS |
How it fits with the API
Templates made in the editor are saved templates. After saving, use the template id and pass template_values when generating images.
The editor manages the design structure for you. In the API, you work with the saved template, its variables, and the rendered image.
You do not need to work with the editor’s internal structure directly.