Uploading and using your assets

You can import the following types of files into Shapes:

  • PNG and JPG for images.

  • OBJ, GLB, and glTF (as ZIP) for 3D models.

  • Figma files.

  • MP3 and WAV for sounds.

How to upload your files

3D models, images, sounds

  1. Sign in with your Shapes account in the Dashboard

  2. Go to the My Files section

  3. Drag & drop your files or use the Upload button to load needed files to the cloud storage.

Figma Integration

There are two ways you can import your Figma files into Shapes - you can upload them manually or use the ShapesXR plugin in Figma.

ShapesXR plugin in Figma

  1. In the Figma app, open your project, go to the Plugins tab -> Manage plugins, and type ShapesXR in the search field, select the plugin, and click on Run.

  2. Log in to your Shapes account.

  3. Paste the file link (you can find it in the Share menu of your Figma project) and click on Continue.

  1. If you are using Figma Integration for the first time, you need to add a Figma account token. Here is the video on how to find it in Figma:

  1. Select files in your project that you want to export into Shapes - they will be shown in the plugin.

  2. The default folder for export is the My Files folder in the Dashboard, but you can pick another target folder. Click on the folder button to do it.

  1. Click on The Export button and wait for the export to be complete. Now your files are available in Shapes - you can find them in the Dashboard and use them in the space.

  1. You can easily update your files after you change them in Figma - click on the "Sync all" button to update all your files in the folder or click on the update button next to a specific file.

As a Free user, you have 20 exports via the plugin.

For Paid plans it's unlimited.

How to upload Figma files manually

How to add a Figma token

If you are using Figma Integration for the first time, you need to add a Figma account token.

Copy the token in Figma, then go to the Dashboard -> Profile -> Integration tab -> Add Figma token to sync -> paste the token to the field and sync it.

In this video, you can find step-by-step instructions on how to find the token in Figma.

Sometimes the token needs to be refreshed, so if you're having trouble loading Figma files, revoke the token and sync it again.

How to upload Figma files manually

Once you add a Figma token, you can upload Figma files using their links.

  1. Copy the link to the frame you want to import in Figma. There is a video tutorial on how to get the Figma link:

  1. Go to the Dashboard -> My Files, click on the Upload button, and choose Figma import. Paste the link in the field and press Import.

How to update Figma files

Click on the Figma file to select it, additional options for Figma files will be available:

  • Sync - allows you to update the file with the changes you've made in Figma.

  • Edit link - for changing the link to the file in Figma.

  • Open in Figma - opens the file in Figma.

Working with imported files in the Dashboard

Click on any file so the options will be shown - you can download, duplicate, rename, and remove your recourses.

To completely delete any file or clean the storage, be sure that files are also deleted from the Trash.

File management (folders)

Create folders and manage your assets in the app and the Dashboard.

Working with imported files in VR

After you’ve successfully uploaded your files through the Dashboard you can use them in VR - go to any space, open the Assets menu -> My Files, hover over an asset in the list, and grab it with the grip button to set it in the space.

Preview window

Click on the imported resource with the trigger button to open the preview window.

You can grab your asset from the preview and set it in the space.

3D Model preview

For models, you can set the scale and spawn the model with this scale in the center of the space.

Image/Figma preview

For images and Figma files, you can set transparency (modes are different for jpeg and png/Figma files because of the alpha-channel specifics), scale by distance (UI), and distance. Figma files preview has the Sync button, that allows to refresh the selected Figma file.

Last updated