Creating a Variable

Method 1 — Variable section (Properties panel)

For text, image, QR code, and barcode elements that are already on the canvas:

1. Select the element.
2. In the Properties panel, find the Variable section at the top.
3. Turn the switch on: it’s labelled Variable for a text element and Use as variable (ON / OFF) for an image, QR code or barcode.

The element is now variable-bound. A {{variableName}} badge appears in the element header, and the variable’s settings appear below the switch. A text element’s name is generated from its text (First name becomes first_name), and its current text becomes the default value.

Method 2 — Image Variable tool (tool palette)

For image placeholders created specifically as variable images:

1. Press I or click the Image Variable tool in the toolbar.
2. A 200 × 200 image placeholder is placed in the middle of the canvas and selected, with an auto-generated variable name ({{image}}, then {{image_1}}, {{image_2}}, …).
3. Use the Variable section of the Properties panel to configure the name and settings.

Typing {{...}} in text does nothing

There is no inline-token syntax. Typing {{first_name}} into a text element’s content does not create a variable or get substituted at render — the literal braces are drawn as-is. A text element becomes a variable only via the Variable switch above, and its entire content is what gets replaced. See What Are Variables.

After binding

Once an element is bound to a variable:

• Use the Variable section to set the variable Name and, for text, the Required flag; Label, Description and Allowed values sit in its collapsed Advanced sub-section. A text variable’s default is its Text Content; image, QR code and barcode variables have their own default field.
• The element shows a badge with the variable name in the Layers panel and Properties header.
• The Variables panel (left sidebar) lists it.

See Variable Settings for details on each field.

Removing a variable binding

Turn the switch in the Variable section back off. The element reverts to a regular element, keeps the text or data it was showing, and its variable name is cleared.