# Make Overlay

**Introduction**

The "Make Overlay" step is designed to create a custom graphic overlay with specified dimensions and elements. This step is useful for generating visual content programmatically.

**Configuration**

* **Size**: Specifies the dimensions of the graphic. Includes:
  * **Width**: The width of the graphic (in pixels). This parameter is required.
  * **Height**: The height of the graphic (in pixels). This parameter is required.

**Subpaths**

* **Builder**: Allows adding and configuring elements for the overlay. Available element types include:
  * **Text**: Add and customize text elements.
  * **Image**: Add images to the overlay.
  * **Rectangle**: Add rectangular shapes.

The builder subpath provides access to the following variables:

* **Builder**: An object of type `OverlayBuilder`, used to add and configure elements dynamically.

**Outputs**

* **Image**: The resulting graphic as an image file.


---

# Agent Instructions: 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:

```
GET https://docs.flexy.bot/modules/core/steps/make-overlay.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.