Figma integration
Last updated
Last updated
There are two ways you can import your Figma files into Shapes - you can upload them manually or use the ShapesXR plugin in Figma.
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.
Once you add a Figma token, you can upload Figma files using their links.
Copy the link to the frame you want to import in Figma. There is a video tutorial on how to get the Figma link:
Go to the Dashboard -> My Files, click on the Upload button, and choose Figma import. Paste the link in the field and press Import.
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.
As a Free user, you have 20 exports via the plugin.
For Team and Enterprise plans it's unlimited.
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.
Log in to your Shapes account.
Paste the file link (you can find it in the Share menu of your Figma project) and click on Continue.
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:
Select files in your project that you want to export into Shapes - they will be shown in the plugin.
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.
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.
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.
Available for: paid plans
You can upload your Figma prototype into ShapesXR, and play and interact with it in VR.
Copy the link to your prototype in Figma (Share -> Copy link)
Go to the Dashboard -> My Files, click on the Upload button, and choose Figma Prototype. Paste the link in the field and press Import.
After you’ve successfully uploaded your Figma prototype through the Dashboard you can use it in VR - go to any space, open the Assets menu -> My Files, hover over the prototype in the list, and grab it with the grip button to set it in the space.
The prototype will be loaded and started, so you can interact with it by clicking on it with the trigger button.
Click on the prototype's bottom bar with the trigger to select it - in the Inspector you can pick pixel density for the prototype, reload, or restart it.
