# Asset UI

<div align="left"><figure><img src="https://2984772752-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkuaUq8tEWwJhxzG3UU27%2Fuploads%2FQFjFprGDh7cH7FA9g6QW%2Fimage.png?alt=media&#x26;token=3592661f-602c-4b38-be17-ecdcd80b177f" alt="" width="315"><figcaption></figcaption></figure></div>

{% stepper %}
{% step %}
Link to your project in figma.
{% endstep %}

{% step %}
Open the list of cached projects that you have previously imported.\
From the list, you can **select** the **project** you want to import.
{% endstep %}

{% step %}
Download the project from the link.\
All downloaded projects are automatically cached.
{% endstep %}

{% step %}
Import selected frames from the downloaded project.
{% endstep %}

{% step %}
Stop import.
{% endstep %}

{% step %}
Open asset settings.
{% endstep %}

{% step %}
Switch the asset display mode. Available modes:

* In the inspector
* Windowed
  {% endstep %}

{% step %}
Label displaying the current and latest version of the asset.

* If the version is colored <mark style="color:blue;">**blue**</mark>, it means that too much time has passed since the release of the latest version, and you are **recommended to update** the asset.
* If the version is colored <mark style="color:red;">**red**</mark>, it indicates that it contains errors, and it is **strongly recommended to update** the asset.
* If you hover your cursor over the version, you will see a tooltip with detailed information about that version.\\

{% endstep %}
{% endstepper %}
