Hotspot is a design element that can be utilized to trigger interactions, such as displaying annotations or additional information including text and images.

Untitled

Example:

Untitled

It is possible to upload a custom image, animation, or Figma frame

</aside>

Untitled

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

<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Learn more about importing a frame from Figma: Figma frames import

</aside>

How to place hotspots

Turn on Snap to Face and grab the hotspot, it will now move across the surface of objects.

https://vimeo.com/712229638

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.

<aside> 👉 We recommend using *Lottie* because the file size considerably smaller than a GIF

</aside>

Untitled

On this page