/w=640,quality=80){kind=logo}
Getting started
/w=640,quality=80)
Studio Navigation
Design process
/w=640,quality=80)
/w=640,quality=80)
/w=640,quality=80)
/w=640,quality=80)
Sharing and embedding
/w=640,quality=80)
/w=640,quality=80)
/w=640,quality=80)
Model API
/w=640,quality=80)
/w=640,quality=80)
/w=640,quality=80)
/w=640,quality=80)
Hotspot
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:
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 — 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 (.gifor Lottie) and resize them as needed.
Lottie because the file size considerably smaller than a GIF