Skip to main content
jürg weingärtner
New Member
Sep 14, 2026 12:02 PM UTC
Question

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.

1 reply

Naomi_Adkins
Active Member
Nov 9, 2026 4:44 PM UTC

+1 for this!

 

For example, prototyping a website with a sticky header or image on scroll PLUS a “live chat” button is currently impossible without removing auto-layout for the page content. Makes for some really difficult management of designs and layouts.