Learn a prototyping trick for your fixed transparent Navbar component
Пікірлер: 90
@andresfelipen2211Ай бұрын
Bro, really thanks for this video. I had been trying on my own some way to do this interaction but I gave up and was looking for a tutorial hoping someone had done it. That was you.
@femijohnАй бұрын
You're Welcome. Glad I could help 🥹
@asherfaulkner56969 ай бұрын
Nailed it. And under seven minutes! Consider me subscribed.
@femijohn9 ай бұрын
Thank You 🙏🏽
@metinkucuk7345 ай бұрын
Hey john, your video really helped in my landing page project
@Monica-isme2 ай бұрын
Thank you so much you are amazing !! I was having a hard time and now it’s fixed my problem
@femijohn2 ай бұрын
You’re welcome!
@Yejdhebrkdosu8 ай бұрын
OMG I have been looking for this tutorial for so loooong!!!! Thank you!!!!
@femijohn8 ай бұрын
You're welcome!!😊
@98563599 ай бұрын
Thank you sooooooo much, I wasted a whole hour of work because of this. You saved my day!
@femijohn9 ай бұрын
You're welcome. Glad it helped! 😊
@sarahayman35068 ай бұрын
Clear, easy and helpful.. thanks man!
@femijohn6 ай бұрын
You're welcome
@promiseudia133710 ай бұрын
I've been searching for this.. thank you so much
@femijohn10 ай бұрын
You're welcome!😊
@DashiSama3 ай бұрын
Thank you! I was looking for just exactly this! And it helped a lot :)
@femijohn2 ай бұрын
You're welcome!
@TheChefAine11 ай бұрын
You’re a genius 😅😅. This was an amazing tutorial with very clear explanations. Thank you for sharing ❤❤😊
@femijohn11 ай бұрын
Thank you. I’m glad you found it helpful ❤️
@aniebietoluwa10 ай бұрын
Great video! Well done Femi 👏
@femijohn10 ай бұрын
Thank you!! 😊
@user-yi3qx5js2z11 ай бұрын
Amazing work. This is brilliant. Thank you 🙌🏾
@femijohn11 ай бұрын
You’re welcome, I really appreciate your kind words 🙏
@_BTS_FF_5 ай бұрын
your video helped me a lot , thank you so much for this useful video ❤
@femijohn5 ай бұрын
You're welcome 😊
@Rebecca-xw5zi22 күн бұрын
Thank you so much! P.S waiting eagerly for a new video😂
@femijohn22 күн бұрын
You won't have to wait long 😁
@pearlite624311 ай бұрын
Great video and explanation. Thank you!
@femijohn11 ай бұрын
Thank you so much 🙏
@nguyenthithuthuy614810 ай бұрын
Great video and explanation. Thank you so much 😍
@femijohn10 ай бұрын
You’re welcome 🙏😊
@mmmuriahhhАй бұрын
great video! thank you
@femijohnАй бұрын
You’re welcome 🙏
@AlessandroCirina-bizconsulting29 күн бұрын
the idea is good, but if you then try to use the navigation menu and you haven't passed the hero section, when the mouse goes over it again, you will reactivate the animation making the original sticky bar state reappear.
@HajaratAkanmu5 ай бұрын
You are a life saver!
@femijohn5 ай бұрын
you're welcome
@JustVinit3 ай бұрын
thanks bro i was looking for this
@femijohn2 ай бұрын
Glad I could help
@michaellotanna3501Ай бұрын
Thanks a lot❤❤
@femijohnАй бұрын
You’re welcome ❤️
@user-bz9cr3nu9j5 ай бұрын
Thank you very much for this video!!
@femijohn5 ай бұрын
Glad it was helpful!
@abdulrehmanshaikh63166 ай бұрын
Amazing, I fixed the isse by your video. Suggestion: we can make a components instead of copy the frame (Home Page)
@mushu78872 ай бұрын
Great tutorial! I was wondering if there is a way of doing this also for mobile prototypes
@femijohn2 ай бұрын
Thank you. Sure there is a way to do this on mobile prototype
@Abhi-ee2dk4 ай бұрын
Thank you very much, it helped me a lot.
@femijohn2 ай бұрын
You're welcome!
@iyareehizogie327211 ай бұрын
Thank you very much for this wonderful video sir
@femijohn11 ай бұрын
You’re welcome
@izuchukwuigwe41852 ай бұрын
Thanks a lot
@femijohn2 ай бұрын
Most welcome
@RestorasiHunian6 ай бұрын
how to make this in mobile version?
@izannaisaque54538 ай бұрын
Amazing, thank you a lot.
@femijohn8 ай бұрын
You're welcome.
@shrishtikashyap64348 ай бұрын
Thank you. I was stuck. This helped so much and in an instant!!
@femijohn8 ай бұрын
Glad it helped! You're welcome😊
@richardenoch870311 ай бұрын
Please i how do you make your prototypes fill your screen on web view? Thank you for this video, and the many others you've done.
@AnnaAlice-f3m2 ай бұрын
thanks, my hero
@femijohnАй бұрын
You’re welcome
@samuelgodis690211 ай бұрын
This is amazing, definitely learnt something here. Is hero section another name for showcase section 🤔
@femijohn11 ай бұрын
Thank you. I don’t know why I call it showcase. But for me, it means the same thing in this context. I’m not sure if it’s generally true.
@sarahyanez33727 ай бұрын
Genius!! Thank you so much :)
@femijohn6 ай бұрын
You're welcome
@LearningLangues5 ай бұрын
Thank you!
@femijohn5 ай бұрын
You're welcome
@rose-moss10 ай бұрын
Thank you very much. It was a great help!
@femijohn10 ай бұрын
You're welcome! Glad it was helpful.🙏🏽
@sweetbbluebelle15 күн бұрын
How do you do this for mobile? I can't seem to make it work because there won't be any mouse cursor for mobile....
@samarmansour52119 ай бұрын
very useful
@femijohn9 ай бұрын
Thank You 🙏🏽
@domessi256 ай бұрын
THANKS MAN!
@femijohn6 ай бұрын
You're welcome.
@mohammedasifshaikh52766 ай бұрын
Thanks!
@femijohn6 ай бұрын
No problem!
@user-kn7yc1sh4t5 ай бұрын
This is really helpful but what if i have different pages? i can't make duplicates for each and every one of them.. please help
@ntntntntntntntnt8 ай бұрын
hi, i kind of have a problem when doing this. if i were to try and put my mouse on my showcase, it stays at the transparent part and if i move my mouse outside of my showcase then it will show my other version of navbar. the problem is that if i scroll out of my showcase it like glitches out and switches very fast to my other navbar before showing my original even though my mouse would be outside of my showcase already.
@eyeruham2 ай бұрын
I ran into the same issue. Have you found a fix for this?
@eyeruham2 ай бұрын
I managed to get rid of the glitchy behaviour by setting it up differently. Instead of how @femijohn suggested, I simply used a colour variable to show or hide the fill colour of the header component (using the same idea of mouse enter & leave as trigger). This also reduced complexity by making it unnecessary to duplicate the page!
@ntntntntntntntntАй бұрын
@@eyeruham hey thanks for getting back to me, did this for a ux project a while back and I've not been on figma since 🙃 Good luck with whatever you're doing!
@hailey_hsu27 күн бұрын
I had the same issue, may I ask if you solve this already?
@geetajuyal47146 ай бұрын
Will someone tell me how to do same thing in mobile app on a scroll
@femijohn6 ай бұрын
Its a very similar process.
@geetajuyal47146 ай бұрын
Thank you
@vanessadesign938 ай бұрын
How do you do to see the prototype on the browser?
@femijohn8 ай бұрын
Copy the prototype link and past in your browser URL. It works best if you're designing wiith your desktop screen size.
@LzzAa357 ай бұрын
Nice
@femijohn6 ай бұрын
Thanks
@AustinIjeoma-pg8vu8 ай бұрын
Please how do I send my job to a developer after I'm done designing in Figma? I am having this challenge.
@quentincolas52806 ай бұрын
You got dev mod now so you just have to allow your dev by accessing your file in the team projecr you created.