Allow Fixed and Sticky elements to respect layer order
In Figma prototypes, elements set to Fixed are automatically rendered above scrolling content. This makes sense for common UI elements such as fixed headers, navigation bars, or floating buttons — but it prevents other very common web design patterns.
For example, a background element may need to remain fixed while the page content scrolls above it. Currently, this requires workarounds with nested viewport and scroll frames.
I suggest separating scrolling/positioning behaviour from layer order, similar to how this works on the web with CSS position and z-index.
A simple option for Fixed and Sticky elements could be:
- Always on top – current behaviour
- Respect layer order – the element remains fixed/sticky but retains its position in the layer stack
This would make it possible to prototype fixed backgrounds, overlapping sections, layered sticky elements and other common web interactions much more naturally, without restructuring the entire prototype.
In CSS, position: fixed or position: sticky does not automatically determine the element's z-index. I think bringing the same separation of positioning and stacking to Figma would make prototyping modern websites considerably more flexible.
