Getting started
System RequirementsRenderingVectary DashboardAccount SettingsRolesUser InterfaceScene OrientationHow To Get HelpImporting
Import formatsFigma frames import CAD filesDesign process
Design modeMaterials and TexturesAnimated MaterialsDecalsUV mappingCameraLighting and EnvironmentEffectsBackgroundGround planeControl BarLibrariesEdit mode3D Configurator
Floating UIHotspotsInteractionsAnimationsVariantsScene and project settings
Version HistoryAugmented Reality (WebAR)WebXR (beta)Loading screenMouse controlsInteraction promptMenu - SettingsSharing, exporting, embedding
SharingPerformance analyzerOptimizing a shared projectProject cloningEmbedding to other softwareExport optionsOther
Figma Plugin - Vectary 3D Studio Lite2D to 3DAdding commentsObject EditingLeft bar ShortcutsModel API
IntroductionQuick StartEvents & ListenersFloating UI ConfiguratorsEcommerceHotspots
Hotspot is a design element that can be utilized to trigger interactions, such as displaying annotations or additional information including text and images.
Example:
It is possible to upload a custom image, animation, or Figma frame
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 LottieFile in Hotspot
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