> For the complete documentation index, see [llms.txt](https://docs.thunkable.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.thunkable.com/ai/app-design/assets.md).

# Assets

### Overview <a href="#overview" id="overview"></a>

Assets refer to multimedia files or resources integral to an app's design and functionality, such as images, audio files, videos, and fonts.

### Managing Assets <a href="#managing-assets" id="managing-assets"></a>

#### Assets Panel <a href="#assets-panel" id="assets-panel"></a>

Use the Assets panel to upload, rename, and manage all assets in your project.

To access your project's Assets panel:

1. Click **Assets** in the Chat Toolbar.

In the Assets panel, you can view:

* The total asset size for your project
* The size of each asset
* Whether an asset is stored in your project or hosted externally
* Whether an asset is currently being used

<div align="left"><figure><img src="/files/MOtKJnoDd79ySks5IA8J" alt="" width="344"><figcaption></figcaption></figure> <figure><img src="/files/hIcBCzJhM0a1ZTOwko3i" alt="" width="297"><figcaption></figcaption></figure></div>

#### Import Assets <a href="#import-assets" id="import-assets"></a>

**Upload a File**

To upload a file to your Thunkable project assets:

1. Click Assets in the Chat Toolbar.
2. Click **Drop files here or click to upload** to select a file from your computer, or drag the files into the provided drop window.&#x20;

**Import an Image, Audio File, or Video from a URL**

To import an **Image, Audio, or Video from a URL** into your Thunkable project:

1. Click Assets in the Chat Toolbar.
2. Click **+ Add image, + Add audio, or + Add video**.
3. Paste the URL and optionally set the Display name and the Description. The URLs must end in a file extension.&#x20;

<div align="left"><figure><img src="/files/mGNI1eV3EVJnQKvk7kMD" alt=""><figcaption></figcaption></figure></div>

4. Click **Import from URL**.

{% hint style="info" %}
In this dialog, you can also upload a file instead of importing it from a URL.
{% endhint %}

#### Edit Assets <a href="#delete-assets" id="delete-assets"></a>

To edit an **Image, Audio, or Video**:

1. Click **Assets** in the Chat Toolbar.
2. Click the **ellipsis** (**...**) next to the asset.

<div align="left"><figure><img src="/files/mz3HLhM370ihYCSXWihT" alt=""><figcaption></figcaption></figure></div>

3. Click Edit.

<div align="left"><figure><img src="/files/eEu0qpAw7ub7YcVN5UeW" alt=""><figcaption></figcaption></figure></div>

4. Update the Display name and/or Description.

<div align="left"><figure><img src="/files/1Gxe70mSg2CRPP9Xi0Db" alt=""><figcaption></figcaption></figure></div>

5. Click **Save**.

#### Change Source file <a href="#delete-assets" id="delete-assets"></a>

To change an **Image, Audio, or Video**:

1. Click **Assets** in the Chat Toolbar.
2. Click the **ellipsis** (**...**) next to the asset.
3. Click **Change source**.
4. Either:
   * Paste a URL, and then click **Save Changes**, or
   * Upload a new file.

For images, you can also select an **Unsplash Stock Photo** and then click **Replace Image**.

<figure><img src="/files/YgyCb2TgGcJq3JuQbebs" alt=""><figcaption></figcaption></figure>

#### Save a File to Your Project <a href="#delete-assets" id="delete-assets"></a>

To save an asset that was imported from a URL into your project:

1. Click **Assets** in the Chat Toolbar.
2. Click the **ellipsis** (**...**) next to the asset.
3. Click **Save to project**.

<div align="left"><figure><img src="/files/2vHWtThOhZZhmvt6YrV4" alt=""><figcaption></figcaption></figure></div>

#### Delete Assets <a href="#delete-assets" id="delete-assets"></a>

To delete an asset from your Thunkable project:

1. Click **Assets** in the Chat Toolbar.
2. Click the **ellipsis** (**...**) next to the asset.
3. Click **Delete**.

### Mention Assets in Chat

You can reference existing project assets directly in the chat when prompting the AI.

To mention an asset:

1. In the chat input, type **@**.
2. Select **Images**, **Audio**, or **Video** from the dropdown.
3. Choose the asset you want to reference.

Once selected, the asset is inserted into your message as a tag rather than plain text, making it easy to identify and ensuring the AI references the correct asset.

{% hint style="info" %}
Only assets that already exist in your project are available from the **@** menu.
{% endhint %}

#### How to Store and Access Files in Cloudinary <a href="#how-to-store-and-access-cloudinary-files-in-your-thunkable-app" id="how-to-store-and-access-cloudinary-files-in-your-thunkable-app"></a>

To store and access Cloudinary Files:

1. Create a free Cloudinary account here: [cloudinary.com](https://cloudinary.com/).
2. Click on the **Upload** button to open the [upload Widget](https://cloudinary.com/documentation/upload_widget).
3. Upload your files. There is also an option to upload assets from Google Drive into Cloudinary.
4. Click on the uploaded file.
5. Click **Share.**
6. Click **Embed.**
7. Copy the URL.