Getting started
Vectary DashboardAccount SettingsRolesHow To Get HelpLibraryScene OrientationShortcutsSystem RequirementsStudio Navigation
User InterfaceDesign modeEdit modeLeft bar - Project & Workspaces Right bar - Properties panelCanvas toolsControl BarDesign process
CameraFile ImportingNURBS (CAD)Object EditingColors and MaterialsLighting and EnvironmentsVersion HistoryAnimated MaterialsInteractionsAnimationsFloating UIVariantsHotspotDecalsUV mapping2D to 3DFigma frames import Figma Plugin - Vectary 3D Studio LiteRenderingAdding commentsSharing and embedding
Sharing your projectsFile ExportingClone projects (Sharing Settings)Augmented Reality (WebAR)WebXR (beta)Embedding to other softwareOptimizing a Shared projectLoading screenScene performance analyzerModel API
IntroductionQuick StartEvents & ListenersFloating UI ConfiguratorsEcommerceHotspot
A hotspot is a design element used to activate interactions
It is a 2D trigger zone that, when clicked or hovered over, can activate various actions that you set up in the Interact mode. Read more: Interactions
Upload your own image, animation or Figma frame instead of the default spot graphic.
1
, 2
— Upload an image (.png
, .jpg
, .svg
), animation (.gif
, Lottie .json
) or Figma frame
🔥
3
— Resize the Hotspot
4
— Hotspot size on hover
5
— Set the intensity of the hotspot visibility behind the geometry
How to place hotspots
Turn on Snap to Face and grab the hotspot, it will now move across the surface of objects.
How to use LottieFiles in Hotspots
Use a Lottie animation as a creative and highly-visible trigger area to activate interactions.
In the Hotspot settings, upload an image or an animation (.gif
or Lottie
) and resize them as needed.
Lottie
because the file size considerably smaller than a GIF