> 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**.

#### 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://docs.thunkable.com/ai/app-design/assets.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.
