I was so excited about this feature, but especially for stacked content and lists (which is where I imagine most people are using the sticky feature) I don’t know how you could not use auto-layout. I had to look through the forums to realise that the reason it was doing funny things for me was because I was using auto layout
Nice feature! However when I make my frame that has a horizontal scrolling in it, stick to the top, somehow the horizontal scrolling doesn’t work anymore.
It’s a step in the right direction but still not quite there to make it integral to my workflow, in my opinion.
Two things I feel would give this feature more parity with the CSS ‘position: sticky’ property:
The ability to enable this for any element to stick to its parent regardless of frame overflow (this would make it useful for compositions using auto layout)
The ability to specify an offset amount from the top of the viewport (not dissimilar to the properties found in the ‘Scroll To’ prototype interaction).
Interactions inside a group that is sticky do not get sticky. They scroll with the parent. While the whole group (in my case, a component for a navigation menu) gets sticky, the “interactive areas” scroll with the parent, making my navbar unusable.
Relies on all elements being on the same level. Which is contrary to Figma telling us to use auto layouts and frames. WTF
The Sticky elements naturally fall underneath the ones that scroll. Another WTF. Why not z-index the sticky elements to stay on top. This is CSS 101.
I like and appreciate the updates but they are simply useless in 99% of all professional use cases. It’s like the figma is run by people that haven’t worked in corporations or large companies where speed, robust design systems and user empowering prototypes are the way to communicate ideas and iterate from user feedback. (We don’t all have the privilege of having a dedicated front end dev on hand.) Axure kicked so much ass with variables and dynamic panels. If Figma could simply educate their staff on Axure mechanics, they could avoid these launch feature problems they keep having. Axure, Principle, Framer…please learn these first!!! We need some old school veteran designers up in there.
I totally agree with all this. I build everything with Auto Layout and immediately ran into issues with ‘sticky’, needing to extract the component from the flow of elements, and then needed to modify it to add some dead space on top for it to hit below the fixed header.
Excited for the feature(s), but not implemented well.
I’m a 100% with you on that one. It’s why I’m so frustrated about the fact that the sticky element has to be an immediate child of the scrolling container.
If we could have sticky elements that’s not immediate children of the scrolling container, the elements could stop sticking when the parent container is scrolled past the viewport. (Just like the CSS implementation).
I was waiting for sticky elements for such a long time and it’s a complete fail.
Everything in my projects is Auto Layout, I’ve mastered it, and know how to nest and work with it to get almost 100% results as if it was implemented with HTML/CSS
There’s no way to do it. And it my video above you can see how to set up a mobile view which is 100% auto layout and it scrolls nicely with a fixed header and footer.
There’s a room next to “Clip content”, or, what I just saw, you moved “Fix(ed) position” below the Auto Layout to the Prototype tab. Ugly surprise. Sticky is either true/false, and can be top/left/right/bottom.
Sorry Figma people, sticky headers are unfortunately trash but lots of hugs and kisses for other updates.
Still waiting for navigating between pages in prototyping!
We’ve merged your feedback with an existing, similar feedback thread. Our team is already monitoring this thread and hope to use it for future improvements.
I’ll keep this short and simple because no doubt, others will also want this feature upgrade.
Sticky needs to work with auto-layout
Sticky items should be sticky to the top and bottom of the parent container
Currently, sticky items are only useful for top menus and headers and nothing else. There are many other uses for sticky items like submenus, background elements etc.
Allowing an element to be sticky to the limits of the parent container means a top and bottom limit can be set enabling a plethora of uses.
Hey @DanJWill ,
Thanks for your feedback. I merged your feature request with a similar one, so it will easier for our team to follow-up. Feel free to add any additional context over there!