# Export Your First Design

Before exporting, you’ll need to prepare your design correctly. The Rechat Plugin requires each design to be placed inside a **Frame**, not a Group.

{% hint style="info" %}
Frames can also use **Auto Layout**, which makes it easier to manage spacing.
{% endhint %}

**Step 1: Create a Frame**

You can create a frame in two ways:

* Press **`F`** on your keyboard and draw a rectangular frame on the canvas.
* Or, click the **Frame tool** in the Figma toolbar and insert a frame on your canvas.

{% hint style="warning" %}
**Why Frames?**

* A frame acts as the **container** for your template.
* Each design you want to export must be placed inside its own frame.
* If you need to update a template later, simply edit the design inside the same frame and update it through the plugin — no need to recreate the template.
  {% endhint %}

{% hint style="warning" %}
Do **not duplicate existing frames** when starting a new design. Each frame contains unique metadata for its template, and copying frames may cause issues during export.

Instead, always create a fresh frame:

* Press **`F`** on your keyboard, or
* Select a **preset frame** from the list in Figma.
  {% endhint %}

<figure><img src="/files/MocTdOrmV6mtrmXQTQX4" alt=""><figcaption><p>Create a frame in Figma</p></figcaption></figure>

**Step 2: Prepare Your Design Inside the Frame**

* Place your design elements **inside the frame** you created (or use an existing frame if your design is already in one).
* Make sure all parts of the design are properly contained within the frame boundaries.

{% hint style="warning" %}
Frames act as the **main container** for templates, and the plugin will **only** recognize content inside them.
{% endhint %}

<figure><img src="/files/WGY4LwVM71sWSTY510zo" alt=""><figcaption><p>Make sure all design layers are inside the selected frame.</p></figcaption></figure>

#### Step 3: Mediums and Aspect Ratios

With the Rechat Plugin, you can export both **social** and **print** templates directly to Rechat. The **Medium** dropdown lets you choose the type of template you want to export.

{% hint style="success" %}
Currently, Rechat supports **Social** and **Print** templates. More mediums will be added gradually in future updates.
{% endhint %}

To ensure your templates work reliably, it’s important to use the correct **dimensions and aspect ratios**. For example:

* **Instagram or Facebook posts** → 1:1 (square) or 4:5 (portrait)<br>

  <figure><img src="/files/Lbso6KfeBeNPzIEF52Iz" alt=""><figcaption><p>Ensure a successful export by selecting the correct medium.</p></figcaption></figure>

When exporting, the plugin will automatically check the **selected frame’s dimensions and aspect ratio** against the chosen medium:

* If they do **not match**, you’ll see a **red warning message**.
* If they **match correctly**, the plugin will display a **green confirmation message**.

{% hint style="warning" %}
Always make sure your frame size matches the aspect ratio of the medium you select.
{% endhint %}

<figure><img src="/files/vVWxHkyWVSwemydqhezh" alt=""><figcaption><p>Rechat Plugin alerts you when the aspect ratio is correct or incorrect.</p></figcaption></figure>

#### Step 4: Add Template Information

Before publishing, fill in the key details for your template:

* **Name** – Give your template a clear, descriptive name.
* **Tags** – Add relevant tags to make it easier to find later.
* **Description** – Provide context or usage notes for your team.
* **Category & Subcategory** – Select the most appropriate placement for your template.

{% hint style="info" %}
The **Name** and **Tags** are searchable in Rechat Marketing Center, helping you and your team quickly locate templates.
{% endhint %}

<figure><img src="/files/p1yNZtNxjGnimFmsnczY" alt=""><figcaption><p>Fill in the key details for your template.</p></figcaption></figure>

#### Step 5: Export and Confirm

**Export the Template**

1. In the plugin, click **Export Template**.
2. Rechat will prompt you to choose the **accounts** to publish to.
   * You can start with your **personal account** or a **Marketing Committee account**.
   * Account assignments can be updated later if needed.
3. After selecting accounts, click **Export Template** again.

**Confirm the Export**

* Within a few seconds, a confirmation message will appear indicating that your template has been successfully published.
* Go to **Rechat**, switch to the account you exported to, and navigate to the category you selected.
* Your newly published template should now appear in the Marketing Center.

{% hint style="success" %}
Your template is now live in Rechat and ready to use.
{% endhint %}

<figure><img src="/files/BB1PGxnWFzi5cZ49CqlH" alt=""><figcaption><p>Confirm export with the green success message after clicking the button.</p></figcaption></figure>

#### Last step: Verify in Rechat Marketing Center

Go back to **Rechat Marketing Center** and ensure you are on the same account where the template was published. Navigate to the **category** you selected during export, and you should see your template listed and ready to use.

{% hint style="success" %}
Your template is now published and available in Rechat.
{% endhint %}

<figure><img src="/files/7VQz3Na4J0gQtDS2pUk9" alt=""><figcaption></figcaption></figure>


---

# 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://help.rechat.com/appendix/brokerage-set-up/marketing-template-guidelines/figma/export-your-first-design.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.