Skip to main content

Uploading and Managing Files (Images, Videos, PDFs)

You can upload images, videos, and PDF files to the design editor from the Assets panel. This article explains how to upload, manage, and delete files.

Updated over 2 weeks ago

Uploading and Managing Files (Images, Videos, PDFs)

You can upload images, videos, and PDF files from the Assets panel in the design editor. Once uploaded, you can freely layout images and videos on your page, or use PDFs as link destinations.

This article covers the basics of uploading, managing, and deleting files.

Point: For details about supported file types and storage limits, see: File Formats and Size Limits When Uploading

Uploading Files

The maximum file size is 1GB per file. You can upload files using either of these methods:

Note: You can’t upload video files using Figma to Studio.

Drag & Drop

Drag and drop the file you want to upload directly onto the editor screen.

Using Upload Panel

  1. Open the left panel by clicking [>] on the left side of the screen.

  2. Select the [Add] tab to open the Add panel.

  3. Choose [Upload] from the list on the left side of the panel.

  4. Click [+] at the top of the panel, then select [Upload file] to add your file.

Tip: You can also double-click an image or video box on your canvas to open the Uploads Panel.

Renaming Files

Double-click a file name to edit it.

Deleting Files

  • When you delete a file, it moves to the trash. To permanently remove it from your project, you'll need to delete it from the trash as well.

  • Files deleted from the trash cannot be restored, even using version history.

Tips: If you open the upload panel by double-clicking a box already placed on the page, the delete button won't appear.

Deleting a Single File:

  1. Move your cursor over the file thumbnail in the upload panel.

  2. Click the trash icon that appears to delete the file.

Deleting Multiple Files at Once:

  1. Select all the files you want to delete.

  2. Click the trash icon in the blue bar that appears at the bottom of the panel to delete them all at once.

Deleting Files from Trash

  1. Select [Trash] from the folder menu at the top left of the upload panel.

  2. Select the file (or folder) you want to delete and remove it.

Changing How Files Display in the Upload Panel

You can change the display method and sort order using the icons next to the search bar in the upload panel.

Changing the Display

You can choose between panel view or list view.

Sorting Files

You can sort files by oldest or newest upload date.

Filtering by File Type

Filter which file types appear in the panel. You can choose "All," "Images only," or "Videos only."

Managing Files with Folders

Creating a Folder

  1. Open the left panel by clicking [>] on the left side of the screen.

  2. Select [Add] to open the Add panel.

  3. Choose [Upload] from the list on the left side of the panel.

  4. Click [+] at the top of the panel, then select [Create folder] to create a new folder [NewFolder].

  5. Add your files. Images, videos, and PDFs can all be stored in the same folder.

Renaming a Folder

Open the folder and click the folder name at the top of the panel ([NewFolder] for newly created folders) to rename it.

Deleting a Folder

When you delete a folder, it first moves to the trash. Deleting it from the trash permanently removes it from your project.

Tips: If you open the upload panel by double-clicking a box already placed on the page, the delete button won't appear.

Deleting a Single Folder

  1. Move your cursor over the folder thumbnail in the upload panel.

  2. Click the trash icon that appears to delete it.

Deleting Multiple Folders at Once

  1. Select multiple folders you want to delete.

  2. Click the trash icon in the blue bar at the bottom of the panel to delete them all at once.

Adding Files to a Folder

You can upload files using the [Upload file] button or by clicking [+] at the top of the panel.

To move already uploaded files into a folder, drag and drop them.

Moving Files Between Folders

  1. Hover over the file and check the box in the upper left of the thumbnail.

  2. Click the folder move icon in the blue bar at the bottom of the panel, then select the destination folder.

Tip: You can also drag and drop when moving a single file within the same level. Drag and drop doesn't work when multiple files are selected.

Filtering by File Type

Select the [All types] [Images] [Videos] [PDF] icons at the top of the panel to filter by file type.

Using the Search Bar

Use the search bar to quickly find files by file name or folder name.

Using Uploaded Images, Videos, and PDFs

For more on how to use your uploaded files, check out these articles:

Did this answer your question?