Assets

Overview

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

Assets Panel

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

Import Assets

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.

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.

1. Click Import from URL.

In this dialog, you can also upload a file instead of importing it from a URL.

Edit Assets

To edit an Image, Audio, or Video:

1. Click Assets in the Chat Toolbar.

2. Click the ellipsis (...) next to the asset.

1. Click Edit.

1. Update the Display name and/or Description.

1. Click Save.

Change Source file

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.

Save a File to Your Project

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.

Delete Assets

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.

Only assets that already exist in your project are available from the @ menu.

How to Store and Access Files in Cloudinary

To store and access Cloudinary Files:

1. Create a free Cloudinary account here: cloudinary.com.

2. Click on the Upload button to open the 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.