Fixed elements keep layers in place as your prototype scrolls — handy for things like a tab bar at the bottom of an app, or a floating button on a webpage.
To create a fixed element, select a Layer or Hotspot and check the Fix position when scrolling option in the Prototype tab of the Inspector. Alternatively, choose Prototype > Fix Layer Position when Scrolling in the Menu Bar.
How to create fixed elements in a prototype
Fixed layers use one of two methods to stay in place when you play a prototype:
- Proximity: Layers fixed at the top or bottom of a frame pin to the top or bottom of the prototype window. Layers fixed elsewhere display relative to where they sit in the frame.
- Pinning: Use the Pin to Edge options in the Resizing section of the Design tab to set exactly which edge a fixed layer sticks to.
Pinning always takes priority over proximity.
