Master Figma’s Sticky Scroll in 4 Minutes

Sticky scroll has finally entered the game and in this tutorial we learn exactly how to use it, step by step.

Timecodes
00:00 Intro
00:15 Step 1
01:00 Step 2
03:05 Step 3

#figma #figmatutorial

[thMidnight]

The only guy on youtube that has intuitive, updated, straight-forward, quick and easy videos and tutorials. Became my #1 guy for figma.

[dwaynesmith]

Thanx Tim I was struggle with this feature. all your videos are stunning ♥

[uiadrian]

I was waiting for this feature for a long time, glad it's finally here! Btw, these presentations are absolutely stunning Tim ❤

[davetheglitch_]

Brilliant use of typography and colours in this project but what's more impressive is the how you pulled of the scroll, thanks for sharing this with us man!

[haneenelazab]

Wow! Thank you so much. I just subscribed. Your content is amazing!

[ikennagibson]

Tim this is wonderful and awesome, will try it out

[mubindidit]

Seriously 😳, it took only a few minutes and it's done. Thank you so much for making the tuts bluff free 💙

[rizqyrobbyalamin]

Great!! Ur video is very easy to understand especially for amateurs like me. Thanks !!

[just_timothy]

1:00 is what you are looking for trust me, Thanks Tim👍

[creatoratplay]

This was just what I needed! I'm in the process of designing a hi-fi prototype of an app and was wondering how I could have the top nav scroll out of the screen, but then leave the main header visible as people scrolled through a long list. Thank you!!

[mischugo]

Thanks a lot for this easy to understand lesson ❤! But how should I prepare my complex and nested layout (colums)? Do I have to (!) convert auto layout to frames?

[xaviergonzalez]

Hey loved this video! Short, sweet, and right to the point. Question though, is there a way to know how the elements will look in terms of closeness (button distance from the text) when they stick before testing them on prototype mode?

[uhnotinterested]

Thank you so much for all these videos, I am just learning Figma however have a long history in design and animation. Seems Figma and Framer are a new hobby I'm about to dive into. One thing I don't understand yet, how do the animations we do in Figma translate to Framer? I see Framer is very easy to create animations, so what would be best practise? Design in Figma and import over to Framer then animate there?

[RLNDcaST]

This one is good. Will try to do it myself👍🏻

[JeffMillerCreative]

Super helpful tutorial, thanks so much!
I applied this approach to a mobile design, wherein I wanted a header element to stick to the top of the screen while scrolling.
However, when scrolling back down in the prototype, I'd like that element to return to its starting position – without going past it.
Is there a method for this that you're aware of? Thanks again!

[mrrandomexplorer]

Really your content ie easy to understand ❤️ from India.

[happyd]

this video is super well done and useful, but off topic i gotta say man, you could deffo be a model

[webdesignlondon]

Thank you for making this simple to understand.
➡ QUESTION — What should I do if I want the sticky feature to only work in one section/frame, so I can continue scrolling?

[ibinlpt]

Please do a video for UI portfolio making.

[michelleolashile]

This is awesome. Thanks Tim but I just wanna ask, what if you want the text to change as you scroll but it will still be sticky to that same position? Is that possible?