# Figma frames import

## Overview

Designs from Figma can be easily imported into Vectary as textures or stickers. Any changes made to the frame after its import can be synchronized with a single click.

{% embed url="<https://screen.studio/share/bEUErb0u>" %}

## **Importing a Frame as a Texture**

{% stepper %}
{% step %}
Frame selection <mark style="color:blue;">(Figma)</mark>

Ensure that the design to be imported is wrapped in a frame\
\
![](/files/p3gS1jVdqGUNN0vP7stg)
{% endstep %}

{% step %}
Copy link to selection <mark style="color:blue;">(Figma)</mark>

Copy the link to the selected frame\
\
![](/files/sfaEVvAIkwInpaA73MvV)
{% endstep %}

{% step %}
Choose Figma fame <mark style="color:purple;">(Vectary)</mark>

Select the object and material property where the texture should be imported, then choose *Figma frame* instead of *Texture*\
\
![](/files/tYxnnqdI46niM7d5GWdU)
{% endstep %}

{% step %}
Paste Figma frame link <mark style="color:purple;">(Vactary)</mark>

Paste the copied frame link into the provided field and press *Enter*\
\
![](/files/vaDuNMUeQi240vfFWqZc)
{% endstep %}
{% endstepper %}

## **Importing a Frame as a Sticker**

A Figma frame can be imported not only as a texture but also as a separate object that can be attached to another object (learn more [Decals](/documentation/design-process/decals.md))

To do this, copy the link to the frame ([follow the first two steps](#importing-a-frame-as-a-texture)) and simply paste it onto the canvas by pressing *`Ctrl+V`*.

This creates a separate object (a plane) that can be applied to any surface.

{% embed url="<https://screen.studio/share/htoSWOvv>" %}

## **Synchronizing changes**

If the frame was modified in Figma, click the synchronization icon next to the frame link in Vectary to update it.

<div align="left"><figure><img src="/files/h4AV5EEeMKbsfG1Ljriv" alt="" width="563"><figcaption></figcaption></figure></div>

## **Reusing the frame**

To use the imported image in other settings, there is no need to import it again—simply select the texture from the existing list.

<div align="left"><figure><img src="/files/2VmVmHCr0SzEtaToztaC" alt="" width="563"><figcaption><p>Click on the frame name to open the list of all frames</p></figcaption></figure></div>

## Token&#x20;

A token needs to be generated only once in Figma and linked to Vectary to connect the Figma account.

{% stepper %}
{% step %}
Open Figma account settings

<div align="left"><figure><img src="/files/qwwdVour4X6kc4spmXRo" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Navigate to the `Security` tab and generate new token

<div align="left"><figure><img src="/files/RD79J0MPPvXhJA5ypX48" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Enter any name for the token, set its expiration date, and click `Generate token`

<div align="left"><figure><img src="/files/EYC879PMPR9GrV9NFTcs" alt="" width="375"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Copy the generated token

<div align="left"><figure><img src="/files/B9ApsmVT0AFZMLjAelUZ" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}
Paste the generated token into Vectary

Paste the token and press `Enter`&#x20;

{% hint style="info" %}
the token input field in Vectary appears after attempting to use a frame.
{% endhint %}

<div align="left"><figure><img src="/files/m2CfNK9eqoyAO1mFdP7b" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

Done! Frames can now be imported.

## **Tutorials**

{% embed url="<https://youtu.be/bijGn9ib7Po?si=OdnWCgtYkrle4PX8>" %}

{% embed url="<https://www.youtube.com/watch?v=NRvHIUcYw4c>" %}


---

# 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.vectary.com/documentation/importing/figma-frames-import.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.