Sticky Header Animations in Figma! (Without scroll support)

  Рет қаралды 46,878

AM Design

AM Design

Күн бұрын

Пікірлер
@prajwalsharma2794
@prajwalsharma2794 Жыл бұрын
It's funny that you have solutions to all the problems. Whenever I get stuck, after seeing all the other videos, it's always your video that helps. Next time, I will straight up go to your channel.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Please do, and if you don't find a solution, hit me up a DM on twitter, and I'll find one if I can and create a video about it if its complex enough! twitter.com/AsaadMahmood5
@teegees
@teegees Жыл бұрын
Wow.. That was impressive. Ok I get it now. Definitely crafty and no I haven’t seen anyone do this in Figma until you made this video. I wasn’t subscribed but that made a subscriber out of me! 👍👍🙌🙌🙌
@VivekTiwari03
@VivekTiwari03 Жыл бұрын
Dude you're like my go-to Figma guru for all things Figma!
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
I'm glad I am, hope that continues in the future too :) Btw, if you're interested, I’m finally launching my official Figma paid course which you can check out on: asaad-mahmood-s-school.teachable.com/p/figma-noob-to-pro You can use the voucher code: "amsubscriber" To get a 50% off.
@marie91999
@marie91999 Жыл бұрын
This is 🔥🔥🔥. Exactly what I needed for the prototype I'm working right now. Thank you
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Glad I could help! Do subscribe!
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Official support for Sticky Headers on Scroll! #Shorts kzbin.infofOT7nFjcMxo?feature=share
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Here's my official Figma paid course which you can check out on: www.asaadmahmood.com/courses/figma-noob-to-pro Use AMSUBSCRIBER voucher to get a 50% off. I can’t wait to see you all inside.
@WardaShafiq-t8k
@WardaShafiq-t8k Жыл бұрын
your videos helped me so so so much thankyou so much. love from pakistan❤
@小小1601
@小小1601 Жыл бұрын
You're so smart!!! Thankss a lot♥♥♥
@radhikachhabra1742
@radhikachhabra1742 Жыл бұрын
Wow! 😮 Clear my all doubts Thanks sir...
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
An extremely important video for scroll animations in Figma! Using a very similar concept. kzbin.info/www/bejne/aoa8ZXWBa7OLoqs&lc=UgxldMh3SU5WWgLttGZ4AaABAg
@rameezkhan7645
@rameezkhan7645 Жыл бұрын
Hi, I done the same thing, but when I scroll from screen 1 and triggered to 2nd screen, 2nd screen starts from the top , so it looks bad.
@EdrichNambio-b2n
@EdrichNambio-b2n 8 ай бұрын
i cant see fix postion when scrolling part
@BreathingInPixels
@BreathingInPixels Жыл бұрын
Yeah, I also get excited like you when such an amazing thing gets done 😂😂 A huge round of applause for you brother. This is really unique and out of the box. ❤❤
@Will_Osp
@Will_Osp 6 ай бұрын
Hi! How do i make for the sticky appear when i am srolling but the top side not the bottom side?
@Hidayatstylee
@Hidayatstylee Жыл бұрын
thanks dude from indonesia
@leentertainment5087
@leentertainment5087 Жыл бұрын
Yr bhai jb frst screen ko scroll kr rhaa hn to wo jo trigger second ha screen top sa shru hti ha jahn pa trigger 2 ha wahn sa ni hoti show, ya ksae kiyaa ha video ma ni ho rhaa wsaee
@J.K.Munyoki
@J.K.Munyoki Жыл бұрын
Great vid bro
@sanaiqbal3639
@sanaiqbal3639 3 ай бұрын
Hii,my icons are not showing while prototyping ,they disappear when i am about to prototype them.
@suyashhandke
@suyashhandke Жыл бұрын
That was awesome!! Always great value in your videos. One request.. Can you also please make video on all the latest figma updates pleaseeeee...
@Sofia0S0S
@Sofia0S0S Жыл бұрын
Really impressive!
@taufiqnurrahman2264
@taufiqnurrahman2264 Жыл бұрын
Really cool, Thanks!
@prashantrastogi8778
@prashantrastogi8778 3 ай бұрын
Thnx...
@jalilahmad-hs3gm
@jalilahmad-hs3gm Жыл бұрын
amaad love you
@salisuoluwaseun5971
@salisuoluwaseun5971 Жыл бұрын
Thank you sir
@rizwanwolfiz7261
@rizwanwolfiz7261 Жыл бұрын
Assalam o alaikum, wanted to know, in which format i have to share with web Developer ? how to animated stuff inn figma I learned but what is the next step? please guide ?
@michellekarolyne
@michellekarolyne Жыл бұрын
awesome
@skylarveruca
@skylarveruca 11 ай бұрын
0:22 and 2:04
@samuxui
@samuxui Жыл бұрын
Hey friend, congratulations again for the excellent content! I would like to know which software you are using to record the screen, as I am looking for something that can help me show the shortcut keys as in your video but the options I found are not pleasant, they are small, difficult to read and ugly. A hug!
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Screenflow
@samuxui
@samuxui Жыл бұрын
@@AMDesignAndDev Muito obrigado 🤗🤗
@uzairahmad7171
@uzairahmad7171 Жыл бұрын
Salam brother. Do we have any solution like when the second bar sticks the first disappears.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
You can just move remove the first bar in the third frame.
@syedghayoorulhassanbukhari1088
@syedghayoorulhassanbukhari1088 Жыл бұрын
How can we auto layout a frame that have background Image. i.e "Hero Sections" and have component and text above it? I was not able to find any video on KZbin doing auto layout with full background image and content over it. Could you please make one ?
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
You can apply a background directly to an auto layout. An auto layout is also a frame. If the background heaven is within an auto layout and is being applied using shapes then you can meet the shapes position absolute.
@misterhanwee1030
@misterhanwee1030 Жыл бұрын
Question: currently this is not applicable to mobile view, right? Because "Mouse Enter" cannot be applied in mobile.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Yes, but now you have official support for sticky headers.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Official support for Sticky Headers on Scroll! #Shorts kzbin.infofOT7nFjcMxo?feature=share
@ThanhMaiVũ-w1k
@ThanhMaiVũ-w1k Жыл бұрын
Mine doesnt work. Everytime I "Mouse enter" to the trigger 1, the scroll goes back from the top instead of keep scrolling from the current position. It happens to my the second trigger ,too. I cannot fix this. Help me =(((
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
Share your Figma file
@kellyfabiolafloresdelacruz
@kellyfabiolafloresdelacruz Жыл бұрын
did you solve it? I also have the same problem :c
@HamzaAhmed-l2u
@HamzaAhmed-l2u Жыл бұрын
im facing the same issue share your figma file either make another video on the same topic everyone do comment same regarding the problem.@@AMDesignAndDev
@calvinogood
@calvinogood Жыл бұрын
Cool!!!
@hanaofangel
@hanaofangel Жыл бұрын
@EminYusifov
@EminYusifov Жыл бұрын
wow!!!
@uidesignstuff-vt7nj
@uidesignstuff-vt7nj Жыл бұрын
🤯🥰
@nofavors
@nofavors Жыл бұрын
Well Axure wins prototyping battle anyday. All this is very unintuitive.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
I guess that explains why Axure is the no 1 tool for UX/UI design. Oh, wait, it's not. Protopie, Principle, Adobe XD, Framer, and a bunch of other tools have features in prototyping that don't exist for Figma, but it's not just about prototyping otherwise Figma won't be the no 1 most popular tool.
@nofavors
@nofavors Жыл бұрын
@@AMDesignAndDev figma is best for hifi UI design. Axure is best for UX.
@AMDesignAndDev
@AMDesignAndDev Жыл бұрын
@@nofavors Nice, I didn't know that. I thought Axure like Adobe XD, and other tools was almost dead. But good to know it's still being used by people.
@Wildpanda88
@Wildpanda88 Жыл бұрын
Basically (!!) not bad 😂
Simple File organisation in Figma
6:45
AM Design
Рет қаралды 4,2 М.
Scroll Animations in Figma! (Without scroll support)
22:56
AM Design
Рет қаралды 274 М.
«Жат бауыр» телехикаясы І 26-бөлім
52:18
Qazaqstan TV / Қазақстан Ұлттық Арнасы
Рет қаралды 434 М.
I Sent a Subscriber to Disneyland
0:27
MrBeast
Рет қаралды 104 МЛН
Can Figma Do THIS? (It Changes When You Scroll)
17:07
Mavi Design
Рет қаралды 84 М.
Sticky Scroll Animation in Figma | Tutorial for Beginners
17:00
Sergei Chyrkov
Рет қаралды 4 М.
Prototyping a Double Sticky Nav | Figma Bites
3:21
Figma Bites
Рет қаралды 3,6 М.
Really simple Parallax Animation Using Smart Animate (Figma)
12:29
Trick to Show/Hide Header on Scroll in Figma
4:53
Design Xstream
Рет қаралды 111 М.