Тёмный

Figma Tutorial: Master Sticky Scroll in 8 Minutes 

DesignWithArash
Подписаться 131 тыс.
Просмотров 72 тыс.
50% 1

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@DesignWithArash
@DesignWithArash Год назад
👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons): bit.ly/43v79vX
@almajubran3295
@almajubran3295 4 месяца назад
Hey! regarding the last example- can you please make a video to explain how to make the sticky card stop at a specific point (for example- if I have a header in the page- and I don't want to merge with the header while scrolling?)
@imsinginmablues
@imsinginmablues Год назад
It's helpful but can you do a video about "stop at bottom edge"?
@DesignWithArash
@DesignWithArash Год назад
Sure.
@thedan1000
@thedan1000 Год назад
@@DesignWithArash Have you done a video for this? Or can u suggest how here?
@nausicatriolo7506
@nausicatriolo7506 Год назад
Hi Arash your video are super informative - thank you SO MUCH!! As UX/UI designer sometimes I struggle understanding the difference between modals/full sreen modals/screens and when to use them. I often get into discussions with developers where we disagree if a flow or a particular action should be in a full screen modal or in a new screen and how these should be dismissed. Would you be up to create a video where you through modals/full screen modals/screens - when to use them - and how to dismiss them?
@DesignWithArash
@DesignWithArash Год назад
Hi. Thank you so much. Sure, I'll add it to my list.
@user-zz6so9ci3u
@user-zz6so9ci3u 9 месяцев назад
its nice bro and one more thing when scrolling reach the end (footer) then we dont need sticky thing then how it will hide/remove
@krishnachaitanya9024
@krishnachaitanya9024 7 месяцев назад
But there was another option above sticky "Fixed" ? What's that for
@jeremyfoucray
@jeremyfoucray Месяц назад
Nice content ! Thanks
@user-qc9sm7hr7f
@user-qc9sm7hr7f 3 месяца назад
what is the name of your video transition that you use in every video
@user-us1zm9wd7e
@user-us1zm9wd7e 10 месяцев назад
thanks for making this video, i am struggling with this scroll animation, when i tried myself by recreating these files, result not matching accurately, could you share this files for practice purpose, thanks in advance
@AliRoomi
@AliRoomi 5 месяцев назад
Another amazing video by Arash, can you do one for responsive search bar :)
@DesignWithArash
@DesignWithArash 5 месяцев назад
Thank you so much Ali. Sure. I will.
@Ghanesh1986
@Ghanesh1986 Год назад
Hey bro! i have a very interesting scroll problem that I am trying to solve in figma, please let me know how I could reach out to you for suggestion ?
@theodorebirbilis2252
@theodorebirbilis2252 Год назад
Very nice video keep it up. In the 2nd example, if at the end of the page I have for example, a footer? The subscribe object will fall on top of it, is there any way to make it stop before the footer?
@DesignWithArash
@DesignWithArash Год назад
Thank you. You can add some bottom padding to the Subscribe card.
@saltandbattery
@saltandbattery Год назад
did it work out? it didn't work with the padding..
@SPJ-88
@SPJ-88 Год назад
@@saltandbattery it seems the padding will be cropped by the frame even when it reaches the bottom so it wouldn't work. Still looking for a way to stop the stick at certain bottom height
@jonydu05
@jonydu05 11 месяцев назад
​@@SPJ-88 you found a way to do that?
@uxyazmin
@uxyazmin 9 месяцев назад
I've found the solution to this problem, if anyone is struggling with this, reply to this comment and I will happily help u!
@toyosidesign7529
@toyosidesign7529 Год назад
Awesome! Thanks so much
@DesignWithArash
@DesignWithArash Год назад
No problem.
@moxgalaxy
@moxgalaxy 9 месяцев назад
I know figma makes a lot of changes but a several of your videos never provide the same result. Perhaps it's because we're not sure how you built out the frames.. I try to follow your file types but still doesn't matter.
@madhavidegapudi08
@madhavidegapudi08 Год назад
This is nice tutorial. Am looking for scrolling data table columns horizontally. I have a report page many columns. It requires horizontal scroll
@DesignWithArash
@DesignWithArash Год назад
Thanks. Please watch the following video. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HfcMYRIC0Fw.html
@sfernandezponce
@sfernandezponce Год назад
Thanks for the video tutorial, I am trying to make a button sticky but the options I get are "no scrolling", "horizontal", "vertical" and "both directions". I am obviously doing something wrong... Any tips?
@DesignWithArash
@DesignWithArash Год назад
No problem. You missed one step. Please watch the video one more time. You should have set the Scrolling option of your main frame to vertical.
@maryamabaee332
@maryamabaee332 10 месяцев назад
Hi Arash, Thanks for your Video. Please also explain the Back to Top button in some Apps (which only appears from the left side of the phone when we scroll the screen down) actually from the beginning to the end of scrolling, as the finger touches the screen down, this key will be appeared. Thanks a lot (example by App for Online shop About You).
@DesignWithArash
@DesignWithArash 9 месяцев назад
Hi. Thank you. Sure, I'll make a video about that.
@alinakuznietsova3383
@alinakuznietsova3383 Год назад
Thank you for this tutorial. Do you know how can I make the right part sticky at first, and after scrolling the left content, it also starts scrolling?
@DesignWithArash
@DesignWithArash Год назад
No problem. You should just create a frame with a specific height for your right sticky content like what we did but just add some bottom margin to it.
@sharonee_0
@sharonee_0 Год назад
🧡🧡🧡 very informative
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@adediniolamilekansamuel898
@adediniolamilekansamuel898 Год назад
Thank you 🙏🙏
@DesignWithArash
@DesignWithArash Год назад
You're welcome 😊
@wallofportfolios
@wallofportfolios Год назад
super healpfull
@DesignWithArash
@DesignWithArash Год назад
Thanks.
@saleembabu1283
@saleembabu1283 Год назад
🔥
@shubhamsandillyablog
@shubhamsandillyablog Год назад
Fun fact ;p Looks easy but its not😅
@DesignWithArash
@DesignWithArash Год назад
😅😅
@AmanKumar23
@AmanKumar23 Год назад
First screen shows a blue footer which is also sticky but it wasn't talked about. That's what I came here for. Time wasted.
@DesignWithArash
@DesignWithArash Год назад
That's because it was not related to the topic of this video. Anyway, you can select the tab bar and set its constraints to the bottom instead of the top.
@AmanKumar23
@AmanKumar23 Год назад
@@DesignWithArash It wasnt related to the video titled "master 'sticky' scrolls in 8 minutes?
@sinanshakeri-mp7cd
@sinanshakeri-mp7cd Год назад
Далее
АХХАХАХАХАХАХАХАХ
00:16
Просмотров 176 тыс.
Sticky Scroll | Figma Prototype
13:10
Просмотров 4 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 799 тыс.
Top AI Tools For UI/UX Designers in 2023
5:15
Просмотров 77 тыс.
Master Figma’s Sticky Scroll in 4 Minutes
3:54
Просмотров 57 тыс.
Figma tutorial: Sticky scroll
6:40
Просмотров 74 тыс.
Figma Tutorial: Master Figma Dev Mode in 8 Minutes
8:52
Can Figma Do THIS? (It Changes When You Scroll)
17:07
АХХАХАХАХАХАХАХАХ
00:16
Просмотров 176 тыс.