Skip to content

Quick Start

This guide walks through the complete happy path: sign in, create a project, design a template with a variable, and download your first rendered image.

Full-screen view of the Designer after completing step 4, showing a canvas text element bound to the first_name variable (Use as variable toggled on, {{first_name}} badge in the element header) and the Properties panel open on the right.

  1. Sign in at zandovi.com and choose a plan (Free is fine).

  2. Create a project. Click the folder icon in the left sidebar rail (tooltip: Open Project), then click New Project. Name it anything — e.g. My First Project — and click Create Project.

  3. Create a new canvas. Your project opens empty. Click Create New Canvas. In the dialog choose a preset (e.g. Instagram Post · 1080 × 1080) and click Create.

    The Create New Canvas dialog with a preset selected from the dropdown and the preview box showing dimensions.

  4. Add a text element and make it a variable. Click the Text (T) tool in the toolbar (or press T). A text box appears on the canvas. In the Properties panel, type a sample value in the text content field — e.g. First name. Then, in the Design tab, toggle Use as variable on. Zandovi turns the whole element into a variable named first_name (from your text) and keeps First name as its default value. The element’s entire text is what gets replaced at render — there’s no inline placeholder to type.

  5. Add a shape for context. Press R to activate the Rectangle tool, draw a rectangle behind the text. Use the Properties panel to set a background fill color.

  6. Generate your image. Click the Generate button (top right, ⚡ icon). The Generate & Download dialog opens.

    • Under Variables, type a name in the first_name field (e.g. Alex).
    • Click Generate Preview. Zandovi renders the image with your value substituted.
    • Click Download PNG.

    The Generate & Download modal, Preview tab. Left side shows the Variables panel with first_name filled in as "Alex". Right side shows the rendered preview image.

  7. Save your template. Press ⌘S (Mac) or Ctrl+S (Windows). Give the template a name and click Save Template.