> For the complete documentation index, see [llms.txt](https://docs.scaleflex.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.scaleflex.com/studio/template-builder.md).

# Template Builder

Template Builder is the design tool inside [Studio](/studio/welcome.md). You build a design template once, mark the parts that change as variables, and every image you need afterwards comes from that one template.

A product banner is the classic case. The layout, the brand colours and the typography stay fixed; the product photo, the headline and the price change per product, per campaign or per market. Instead of producing a hundred files, you produce one template and let the values vary.

<figure><img src="https://2536208400-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fqsq2dR7Fjagf5eTifWZx%2Fuploads%2FSmCWcRq0cl3VP1PP0jbN%2F02-editor-overview.png?alt=media&amp;token=540fcb07-9bc3-42a6-83d2-73f1e793039f" alt=""><figcaption></figcaption></figure>

#### What you can do with a template

* Publish one design at several sizes, without rebuilding it for each one.
* Drive the text and imagery from a product's metadata, so the design follows the asset rather than being retyped.
* Produce localized versions of the same design when your project uses regional settings.
* Save a filled-in version as a variation and reuse its link wherever you need the image.
* Control your brand identity: only the parts you turn into variables can be filled in later, so logos, brand colors and fixed copy stay exactly as you designed them.

#### Key concepts

| Concept           | What it means                                                                                                                               |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| template          | The design itself, stored as a file in your DAM library.                                                                                    |
| layout            | One output size of the template, with its own canvas dimensions and its own position and size for every layer. A template has at least one. |
| layer             | Text, an image or a shape placed on the canvas. Layers stack, and the top of the **Layers** panel is the front-most layer.                  |
| variable          | A named value the template leaves open, filled when the image is rendered. Each one has a slug, which is the key used to fill it.           |
| variation         | A saved set of choices for a template: one layout, one set of variable values, one regional selection.                                      |
| regional settings | The language, currency or other variant used to resolve metadata-driven values, if your project defines them.                               |

{% hint style="info" %}
Layers belong to the template, geometry belongs to the layout. Add a text layer once and it exists in every layout; move it, and only the layout you are working in changes.
{% endhint %}

#### Where templates live

A template is a file in your DAM library. It shows up in search, sits in a folder, obeys the same permissions, and carries versions and approvals like any other asset. Saving a template creates a new version of that file.

That is also why a template can be opened from two places: the templates list in Template Builder, and the asset itself in the DAM.

#### How you get there

* From Template Builder, open the templates list and choose **Create template**, or open an existing one.
* From the DAM, open a template asset and choose **Edit template**, either in the asset details header or from the context menu in the library.

Full steps are in [Creating a template](/studio/template-builder/creating-a-template.md).

#### What is next

1. [Creating a template](/studio/template-builder/creating-a-template.md) - your first canvas.
2. [Layouts](/studio/template-builder/building-a-template/layouts.md) - one template, several sizes.
3. [Layers](/studio/template-builder/building-a-template/layers.md) - adding and arranging content.
4. [Variables](/studio/template-builder/variables.md) - the parts that change.
5. [Variations](/studio/template-builder/variations.md) - saving finished versions.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.scaleflex.com/studio/template-builder.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
