Create A Sticky Sidebar On Scroll: Figma 2023 Tutorial

[@kobusk95]

Aside from the good tutorial, your voice is soothing to listen to. Thanks for soothing me whilst I stress for a hackathon trying to figure out how Figma works LOL

[@SimpleWhite5265]

Thanks for your work. Figma moved such option "fix position when scrolling" to another place. You've helped to find the functionality

[@mariaclaramachado7956]

On point! Helped me a lot, thank you!

[@tauriurbanik5509]

Thanks. Wanted something like this. Keep the vids coming.

[@wisdomquotaza]

THANKS A LOT BROTHER, YOU HELPED ME A LOT

[@fryonthemoon]

Thanks bro!

[@KelvinChiuFilms]

So good!

[@MorganBurns-n9l]

Is there any way to make it scroll upward after the that last section?

[@thaddeusbashinsky7688]

Good day.
This is a very good tutorial, thank you!
But I have a question: how to make the "sidebar" object scroll only to the conditional mark down? It remains in its area, and we will scroll down further, but the "sidebar" object is stuck somewhere above.
For example, on the 3rd product card, the sidebar no longer scrolls down, but there is more content below.

[@DarrenNorthcott]

Unfortunately there is no option for that in figma yet, which is why you have to have your content below cover it up

[@timdaff]

Thanks for this solution, couldn't figure it out myself! Unfortunately 'Scroll to' links don't seem to work

[@timdaff]

Ahh, figured it out. It does work with with scroll to but the targets have to be top-level frames 🙂

[@vonruber]

Whenever I switch to Prototype view I can't see the Position options.... Why?

[@DarrenNorthcott]

Do you have the latest version of Figma?

[@vonruber]

@@DarrenNorthcott I just made it work but realised the position option is not available in auto-layout for some reason. What I did is to convert my design blocks to frames and I succeded.