# 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2F7cW1saJu49vZE29rRlOv%2FCreate%20a%20frame.gif?alt=media&#x26;token=91a034ff-e22a-42a3-865a-9d238fab6df3" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2FLTnQzbjQoMlgr9RAKRyD%2Fprepare%20design.gif?alt=media&#x26;token=8347077c-eddd-4e25-9bab-361a00d08c6b" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2Fz0siubqWnfr2WqJpEqBB%2FMediums.gif?alt=media&#x26;token=0422957c-332f-40aa-a996-35133e8c5afb" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2FyxufBNmU1aFSMWgYEyyQ%2FAspect%20Ratio%20WC.gif?alt=media&#x26;token=341d6534-bc1c-46d3-8217-58f487dd2d55" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2FK74ct1MqFgdh4JLiLKo7%2FFill%20In%20Info.gif?alt=media&#x26;token=c87028c8-f1c9-4d4d-89b5-f1e9998ad2dc" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2FB06hFfbxtkTtKWNb1hNu%2FExport%20%26%20Confirm.gif?alt=media&#x26;token=bd3f2195-94e0-4d80-a9c2-e6f2c1bfdfaa" 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="https://1031368632-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MJZySovZjoLVT1XAonI%2Fuploads%2FD0L840xVIIoxekPGFeEf%2FShow%20Result%20in%20Rechat.gif?alt=media&#x26;token=928f9002-420c-4601-bc77-02c62754a5f3" alt=""><figcaption></figcaption></figure>
