/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)
EcommerceVectary UI overview
Here is the introduction to the user interface for Vectary Studio
The UI can be divided into four zones: Top bar, Left bar, Right bar, Canvas, Control bar
Top bar
This bar contains three modes: Design mode, Animate, and Interact modes. Animate and Interact modes are available only with Pro Workspaces.
- Design mode: start here, build a scene, create or import 3D assets, adjust materials and add graphic elements for interactions
- Interact mode: set up interactions with triggers, conditions and actions
- Animate mode: create animations where you can adjust individual keyframes, and actions on a timeline
There is also Menu on the left side, Comment Mode, Preview Mode, and Share.
Read:
Left bar
There are two tabs on this panel: Project and Workspaces:
- Project tab — a list of all objects and modifiers applied to them
- Workspaces — is a library of 3D assets + access to all your projects that you can add to the scene
Read:
Right bar
The Properties Panel displays the settings of what is currently selected. If you have nothing selected, you will see the settings for the canvas. Also, by default, nothing is selected, and only the settings related to the canvas are displayed.
If you select an object, the right bar will show its settings.
To return to canvas settings, press Esc or left-click in any empty area of the canvas.
Canvas
This is the area in the middle, sometimes also called the scene or viewport .
Control bar
A set of fast-usability controls at the bottom-center of the canvas area.
Read:
Control Bar