/w=32,quality=90,fit=scale-down){kind=logo}
Getting started
System Requirements
Rendering
Vectary Dashboard
Account Settings
Roles
User Interface
Scene Orientation
How To Get HelpImporting
/w=3840,quality=90,fit=scale-down)
Import formats
Figma frames import /w=3840,quality=90,fit=scale-down)
CAD filesDesign process
Design mode
Materials and Textures
Animated Materials/w=3840,quality=90,fit=scale-down)
Decals
UV mapping
Camera
Lighting and Environment
Effects
Background
Ground plane
Control Bar/w=3840,quality=90,fit=scale-down)
Libraries
Edit mode3D Configurator
Floating UI
Hotspots/w=3840,quality=90,fit=scale-down)
Interactions/w=3840,quality=90,fit=scale-down)
Animations
VariantsScene and project settings
Version History/w=3840,quality=90,fit=scale-down)
Augmented Reality (WebAR)
WebXR (beta)
Loading screen
Mouse controls
Interaction prompt
Menu - SettingsSharing, exporting, embedding
Sharing/w=3840,quality=90,fit=scale-down)
Performance analyzer
Optimizing a shared project/w=3840,quality=90,fit=scale-down)
Project cloning
Embedding to other software
Export optionsOther
Figma Plugin - Vectary 3D Studio Lite
2D to 3D
Adding comments
Object Editing
Left bar 
ShortcutsModel API
/w=3840,quality=90,fit=scale-down)
Introduction/w=3840,quality=90,fit=scale-down)
Quick Start
Events & Listeners/w=3840,quality=90,fit=scale-down)
Floating UI Configurators/w=3840,quality=90,fit=scale-down)
EcommerceNew Figma Plugin - Vectary 3D Studio Lite
Meet the new plugin for Figma
We have developed a new plugin for Figma - now simpler and more versatile than ever!
What can be accomplished with the plugin:
- Applying design to your 3D project with just two clicks
- Real-time 3D model fitting directly on the canvas using the Preview mode
- Exporting a rendered image to a canvas
- All applied textures will be immediately reflected in AR (you can activate AR directly from Figma)
- The plugin saves all applied textures, allowing you to apply the design even in the configurator without altering the original project
- A quick way to open your 3D project in Figma with interactive features, animations, AR, and UI working
- Modification of existing project textures
- Changing the background (including a transparent background)
- Adding a shadow
Getting started
No more tokens needed, just a link to your Vectary project and you're all set.
When you open the plugin, you will see a field to paste the link to your project and some ready-made demo projects.
There are two ways to open a 3D project:
- Demo Projects - simply choose one of the ready-made demo projects and start using the plugin.
- Use your own Vectary project. To do this, follow these steps: - sign up on the Vectary platform - create a project - share the project and copy the link - paste the link into the plugin
Features
Material picker
Provides the ability to choose material from an object and apply Figma frame to it:
- Select the Material Picker tool
- Use the eyedropper to pick material from an object (when you hover over the object, the material name will appear next to cursor)
- After selecting the material, the material name will appear next to the eyedropper icon in the panel at the bottom. This indicates that you're ready to select a frame for design application.
- Simply click on your Figma frame to apply the design
Get material frame from object
Allows exporting an object's texture to the Figma canvas. This feature is useful for modifying existing textures.
Colors & Materials - Vectary Documentation Colors & Materials - Vectary DocumentationHow it works:
- Select the Get Material Frame from Object tool from the bottom panel
- Move the cursor over the object – a label with the material name will be displayed near the cursor, indicating retrievable textures
- Click to retrieve the texture
- Result: a frame with the texture will appear on your canvas
Ground shadow
Activates the Ground plane that can be customized and enhanced in the Studio.
Background
Disable the background to make it transparent or enable the background and set its color.
Preview 🔥
The Preview mode provides a real-time view of model changes within the Figma frame.
While the preview quality is low, the image will be rendered in high quality upon saving.
Create ImageNote that the Preview Mode is automatically disabled after Create image/Update image.
The plugin is linked to a single frame; therefore, to have multiple instances, duplicate the frame.
Create image/Update image
Create image - saves the current view of the project on the canvas by automatically creating a frame
Update image - refreshes an existing frame
Reopen Plugin 🔥
The plugin has memory and is associated with existing frames.
There are two ways to reopen the plugin, and each method is useful in different situations:
- If the plugin is reopened with a selected frame that already contains an image created with the plugin, the plugin will reopen the same project, preserving the perspective and all settings (including changes with the configurator and textures).
- If you want to create a new frame (regardless of whether it's with the same project or a different one), close the plugin and reopen it, but make sure that no existing frame is selected at this time. In this case, the plugin will create a new frame when you use the
Create Imagefeature.