Custom layer visibility shows or hides a layer when you hover, tap, or press it — which is especially useful when you want to add buttons, menus, or similar interactive elements to your prototype.
Set a layer’s visibility
To customize how a layer appears in a prototype, set custom visibility settings in the Prototyping panel.
- Select a layer.
- Open the Prototyping panel.
- In the Visibility section, click the
icon. - Choose an Action (Show, Hide, or Toggle) and a Trigger (Hover, Press, or both).
Use Action to set what happens to the layer’s visibility: Show, Hide, or Toggle. The Toggle option changes the layer’s visibility every time you press it in the prototype.
How to enable custom visibility for a layer
Next, choose Hover or Press as a trigger — or select both:
- Hover changes a layer’s visibility when the cursor is within its bounds.
- Press changes a layer’s visibility when you press the layer with your cursor or finger (if you’re playing a prototype on the iOS app, for example).
How to assign hover and press triggers to a layer
Once you’ve added custom visibility to a layer, preview your prototype to see the result.
A prototype preview of a Symbol with custom visibility
