Transparent, Fixed, and Dynamic Navbar Prototyping for Scrolling in Figma UI Design.

Learn a prototyping trick for your fixed transparent Navbar component

[@asherfaulkner5696]

Nailed it. And under seven minutes! Consider me subscribed.

[@femijohn]

Thank You 🙏🏽

[@metinkucuk734]

Hey john, your video really helped in my landing page project

[@user-yi3qx5js2z]

Amazing work. This is brilliant.
Thank you 🙌🏾

[@femijohn]

You’re welcome, I really appreciate your kind words 🙏

[@Yejdhebrkdosu]

OMG I have been looking for this tutorial for so loooong!!!! Thank you!!!!

[@femijohn]

You're welcome!!😊

[@Monica-isme]

Thank you so much you are amazing !! I was having a hard time and now it’s fixed my problem

[@femijohn]

You’re welcome!

[@DashiSama]

Thank you! I was looking for just exactly this! And it helped a lot :)

[@promiseudia1337]

I've been searching for this.. thank you so much

[@femijohn]

You're welcome!😊

[@sarahayman3506]

Clear, easy and helpful.. thanks man!

[@femijohn]

You're welcome

[@pearlite6243]

Great video and explanation. Thank you!

[@femijohn]

Thank you so much 🙏

[@TheChefAine]

You’re a genius 😅😅. This was an amazing tutorial with very clear explanations. Thank you for sharing ❤❤😊

[@femijohn]

Thank you. I’m glad you found it helpful ❤️

[@aniebietoluwa]

Great video! Well done Femi 👏

[@femijohn]

Thank you!! 😊

[@Abhi-ee2dk]

Thank you very much, it helped me a lot.

[@9856359]

Thank you sooooooo much, I wasted a whole hour of work because of this. You saved my day!

[@femijohn]

You're welcome. Glad it helped! 😊

[@nguyenthithuthuy6148]

Great video and explanation. Thank you so much 😍

[@femijohn]

You’re welcome 🙏😊

[@_BTS_FF_]

your video helped me a lot , thank you so much for this useful video ❤

[@femijohn]

You're welcome 😊

[@JustVinit]

thanks bro i was looking for this

[@user-bz9cr3nu9j]

Thank you very much for this video!!

[@femijohn]

Glad it was helpful!

[@iyareehizogie3272]

Thank you very much for this wonderful video sir

[@femijohn]

You’re welcome

[@HajaratAkanmu]

You are a life saver!

[@femijohn]

you're welcome

[@sarahyanez3372]

Genius!! Thank you so much :)

[@femijohn]

You're welcome

[@izannaisaque5453]

Amazing, thank you a lot.

[@femijohn]

You're welcome.

[@abdulrehmanshaikh6316]

Amazing, I fixed the isse by your video.
Suggestion: we can make a components instead of copy the frame (Home Page)

[@richardenoch8703]

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.

[@LearningLangues]

Thank you!

[@femijohn]

You're welcome

[@domessi25]

THANKS MAN!

[@femijohn]

You're welcome.

[@izuchukwuigwe4185]

Thanks a lot

[@femijohn]

Most welcome

[@ntntntntntntntnt]

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.

[@almog8569]

tnx

[@samarmansour5211]

very useful

[@femijohn]

Thank You 🙏🏽

[@RestorasiHunian]

how to make this in mobile version?

[@mohammedasifshaikh5276]

Thanks!

[@femijohn]

No problem!

[@samuelgodis6902]

This is amazing, definitely learnt something here. Is hero section another name for showcase section 🤔

[@femijohn]

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.

[@user-kn7yc1sh4t]

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

[@LzzAa35]

Nice

[@femijohn]

Thanks

[@vanessaleitao5186]

How do you do to see the prototype on the browser?

[@femijohn]

Copy the prototype link and past in your browser URL. It works best if you're designing wiith your desktop screen size.

[@shrishtikashyap6434]

Thank you. I was stuck. This helped so much and in an instant!!

[@femijohn]

Glad it helped! You're welcome😊

[@geetajuyal4714]

Will someone tell me how to do same thing in mobile app on a scroll

[@femijohn]

Its a very similar process.

[@geetajuyal4714]

Thank you

[@AustinIjeoma-pg8vu]

Please how do I send my job to a developer after I'm done designing in Figma? I am having this challenge.

[@quentincolas5280]

You got dev mod now so you just have to allow your dev by accessing your file in the team projecr you created.

[@rose-moss]

Thank you very much. It was a great help!

[@femijohn]

You're welcome! Glad it was helpful.🙏🏽