Hotspots

There are some cases where simply adding a Link to a layer may not be useful. For example, if you want the clickable area of an icon or menu item to be larger than the layer it’s inside. Hotspots allow you to draw a tap target over any part of your design and link it to an Artboard.

Hotspot Layer

If it helps you can think of the relationship between Links and Hotspots as similar to exportable layers and slices.

A Hotspot can be added via the Insert menu, or you can press H to start drawing one. You can also convert a Link to a Hotspot by selecting the layer and clicking the “Create Hotspot” icon in the Inspector.

Just like a Link, when a Hotspot is selected, its Target and animation type can be defined under “Prototyping” in the Inspector.

You can also choose to make a Hotspot a fixed element by clicking the Fix position when scrolling checkbox in the Inspector. When you preview your prototypes these fixed elements will stay in one place while the rest of the content scrolls.

Hotspots are particularly useful as they can belong inside Symbols where their target destination can be overridden, allowing you to reuse a Symbol but change the Target destination each time — something that is not possible with Links. If you have a Hotspot inside a Symbol this also lets you hide the Hotspot by choosing “None” in the overrides panel.

You can customise the colour of Links and Hotspot layers in the Canvas tab in Preferences. When working on complex prototypes the Canvas can get quite busy. If you want to show or hide Links and Hotspots go to View › Show Prototyping (or press Control-F) to toggle them on and off.

Last modified on Oct 02, 2018

Was this article useful?

Yes
No

We’re really sorry about that.
Please let us know what you were looking for:

If you need more help or you’d like to report a bug with this content, please contact support.

Thanks for your feedback.
An error occurred, please try again later.

Start working faster today

Available exclusively on the Mac for just $99.