AMAZING Update From Figma - Learn STICKY SCROLL Behavior in 389 Seconds (+ Example Project)
HTML-код
- Опубликовано: 2 апр 2023
- Get the SOURCE FILES for this project ($1.99): payhip.com/b/25BMb
Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Download FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
In this video, I'll demonstrate how to harness the power of Figma's newly released "sticky scroll behavior" feature, which can greatly enhance your designs and improve your users’ experience. We'll dive into the ins and outs of Figma sticky scroll prototype behavior, exploring how to effectively apply it to your web and app designs for engaging results.
I'll guide you through the entire process step-by-step, explaining how to use Figma's prototyping features to create seamless sticky scroll effects / top bars that will make your designs stand out. Mastering this feature is a must for anyone looking to elevate their Figma skills and create engaging user experiences.
This UX / UI / Web Design / Figma tutorial is perfect for both beginners and experienced users, as it breaks down Figma prototyping concepts in a clear and visual manner.
how to enable sticky scroll behavior in Figma - Figma sticky scroll feature explained - how to use Figma prototyping features for engaging sticky scroll effects - why and how you should use sticky scroll behavior in your designs - Figma prototyping techniques for sticky scroll behavior. Throughout this video, I'll be addressing these questions and topics.
--------
© 2023 Mavi Design 
Хобби
This was very creative even Figma sticky scroll community file didn't mention that
Glad they’ve made this update. Been patiently awaiting it 🎉
Thank you!!!
thanks
this is very helpful and stressfull at the same time hahaha, but can u do tutorial how do this from scratch? especially when setting up the transparent part
in my figma, where is supossed to say " Scroll behavior" position, it says overlfow, and that doesn't allow me to do the position fixed
The frame is not adapating to the rectangle's size, I have autolayout it and with abosulute position
please make a video on how to make 2 categories of tabs in one page
Can you provide an example?
I already created this:
Create an Interactive TAB NAVIGATION Prototype ft. Smart Animate (Project Files Available)
ruclips.net/video/i8XuDEGNq6A/видео.html
Is it possible to make the first category dissapear the moment second one comes up so that there will be only one top stick at a time?
Yes, you’d have to do the auto layout without any top padding
@@mavidesign wow could you make a video about it? That would be awesome