Getting started
Studio Navigation
Design process
Sharing and embedding
Work with your 3D projects directly in Figma with Vectary 3D Elements plugin!
Here's what you can do with the plugin
You get a 3D editor with a layout library and many customization features — all without leaving Figma! Transfer your design from frame to mockup with the one click of a mouse. Customize the model, change materials, lighting or even change the geometry. Total freedom! Here's a list of features:
- Free and constantly updated library with mockups.
- Editor that allows you to customize models.
- Customize textures or material using Figma frames.
- Modify surface metalness and roughness.
- Adjust and change environment lighting.
- Change any part of the object with ease.
- Change field of view.
- Add shadows.
- Synchronize your Vectary projects with the plugin.
- With one click, go from the plugin directly into Vectary to make any changes you want.
- You can import any model from the web into Vectary and then transfer it to the plugin with two clicks.
Link your Vectary account – create a Token
You can use the plugin without an account in Vectary. But if you want your projects from Vectary to automatically become available in the plugin, you only need a couple of clicks to enable synchronization. The Vectary token is generated in the Profile settings on your Dashboard.
Open the video below to see the process step by step:
Create Access Token and Link with the Figma plugin (video)
How to use the Plugin in Figma
Elements
In this library tab, you will find 3D objects and mockups, they are completely free for commercial use (CC0).
Any 3D object can be used as a mockup (read about it below in the material settings).
By clicking the Edit in Vectary button, you can jump from Figma to Vectary Studio, the 3D editor where you can edit anything you need on your own cloned project. Save and Publish changes and reopen your own project in the Figma plugin.
Edit in Vectary button (video)From URL
From here you can load a published project directly from Vectary using the “viewer link” which looks like this https://app.vectary.com/viewer/v1/?model=0dd130ca-75dc-46e5-8a5a-867111889123
Watch the video below to understand how to prepare a project and get a valid link:
Preparing a model in Vectary to load a link (video)My Projects
This library tab will list all projects located in all your Vectary Workspaces, which were previously published and have a generated link. Click on any project and it will load in the 3D canvas. Make your edits with the Material and Environments settings and you are ready to go.
To log in to your Vectary account from the Figma plugin, you need to enter a valid Access Token.
Open the video below to see the process step by step:
Publishing a project for Figma Plugin (video)Get Layout — allows you to download a texture from an object to a new frame. Then you can change the texture directly in Figma and put it back on the object with Load Frame. To make this work with your own model, you need to rename the material in Vectary — change it to _switchable. Then Get Layout will be able to figure out where to import the texture from.
Apply Frame — this button helps to place a Figma frame on the object. First, select the frame in Figma, then click apply.
If you apply a frame from the Material Settings, it will be used only on the currently selected material. Notice, that a 3D asset can have multiple materials, select the one you need from the Materials > Dropdown list.
Finish — exports the image into a new Frame and closes the plugin window.
