Horizontal and Vertical Scroll in Figma - Quick Prototyping Tutorial

[@mercyoladipupo573]

One of the best tutorials on KZbin so far. The instructor is amazing and calm.

[@GuptaSangam]

AI is always calm, haha!

[@uxpeak]

Thank you so much for your nice comment :)

[@Siminbahram]

Love the peace and tone of the voice, it just keeps me interested in the video. Thanks for the tutorial by the way

[@uxpeak]

Glad you enjoyed the tutorial! Thanks for your kind feedback. Stay tuned for more content like this.

[@SimonaTselova]

THANK YOU. I spent hours trying to do this and your tutorial saved me 😭

[@uxpeak]

Oh glad to be helpful. Thank you for your support.

[@emarinajee]

This was very helpful! Im using it for my UI/UX project! Thank you so much for sharing!

[@uxpeak]

:) Glad that you found it helpful :)

[@maimounah2001]

Straightforward tutorial, Really helped me, Thank you so much👍

[@uxpeak]

Glad that it helped :)

[@АннаБольшакова-з9н]

The best tutorial. Thank you!

[@uxpeak]

Very happy to hear that :)

[@jojoleboss44]

You save me, thank you so much !

[@uxpeak]

Thank you for watching :)

[@aryheic]

Loved the video. Helped me a bunch!

[@RedFunJester]

i what way f*ck how &

[@tanishqchavan8020]

Thanks man! ‼

[@uxpeak]

Glad that you found it helpful :)

[@niluseneviratne3709]

great video. quick and easy to understand and it actually works! thanks

[@uxpeak]

Thank you. Very happy to hear that it was useful.

[@natalialeitura5389]

Obrigada MUITO OBRIGADA !!!! Tava quebrando a cabeça pra descobrir como fazer

[@selfishHenry]

That blasting music right at the start made me fucking jump in my chair, make these videos morning friendly goddammit

[@erukubamijohn8036]

Thanks, i have been fighting to do this,but your tutorial make it easy

[@AlizaAli-l2r]

What should be the interaction for horizental scroll? I've followed the steps but its not showing there

[@kirannippani]

You mentioned at the top hello Nina! How does it change when a user types some other name?

[@MohanRaj-ob9fn]

its Really Helpfull to me. Thank you soooo Much

[@uxpeak]

Very happy to hear :)

[@karenpires4532]

the overflow option doesn't appear to me when I select what I want to move, only when I select the entire frame (and I don't want to move the entire frame, just a specific category). can someone help me? :(

[@kazeemoluwatobilobasimeon5984]

Thank you for the video!

[@uxpeak]

Thank you for watching :)

[@dominikd6772]

This is amazing 🎉

[@uxpeak]

Oh, that's nice, thank you for your comment

[@metternich05]

Do you really have to add the intro music with 5x volume? It's youtube 101 you normalize levels before publishing. Not just throw in the first stock audio you find in the junkyard.

[@BellsDev]

Show what you have got... Nothing

[@mech1317]

Hahahaha

[@lunapro8003]

Great tutorial

[@uxpeak]

We really appreciate your feedback :) Super happy to hear that.

[@menaammar289]

Great toturial thank you❤

[@uxpeak]

Thank you for your kind words! :) We're delighted to hear that you like this tutorial.

[@ziyaandrn5986]

Hello! I love the work you do. I want to ask a question, how can I make a high-quality screen recording of the prototype I designed like in this video ?

[@esu_uxui_designer]

Wow..very slow tutorial...like this type tutorial..and more videos about figma prototype videos please upload your channel..we are support your channel😮❤❤🎉🎉🎉

[@dominikd6772]

Great video

[@uxpeak]

Thank you :)

[@mr.protienewing8343]

thanks bro i was actually stuck with it it worked haha

[@macacones]

Great tutorial! Thank you very much!

[@souravshah2938]

Thank you sir for your helpful video..

[@VincentfromLivao]

So easy, Thank you!

[@AchmadB.Septiyantana]

3:19, i cant hold command key on windows, and when i hold windows key its not have the same function

[@yohasart2712]

Use CTRL key

[@savedbygrace.slowedreverb]

Wow! Cool, thanks.

[@najwanaura7171]

very easy to follow! Thankss

How do I make it scroll further than the content? It’s not showing me all the content. Cause the menu bar covers it.

[@Official_mohamedfayez]

Set the bottom of the frame at the top of the bottombar, not the top. This should solve the problem I was having too.

[@BricxStudios]

thanks a ton

[@uxpeak]

Glad to help :)

[@nurmanah247]

Thank you very much for the tutorial, it is very useful 👌

[@havocgamer1014]

When I done the horizontal one once I dragged to resize to fit screen size it doesn’t work it moves the rest of the items or selections in the row across to the left

[@annisancha]

terimakasihh tutorialnya,sangat membantuu

[@gehadmagdyelkhouly96]

very helpful thanks

[@Gobothechairman]

Thank you!

[@Montford_]

Thanks mame!

[@cncmachinistaartist2160]

THANK YOU!!!

[@rand4492]

Amazing

[@envyvb0535]

Nice tutorial, thanks!💫

[@uxpeak]

Thank you for watching :)

[@KushEdits99]

Very Helpful

[@KaDanielTV]

Hi. May I know what assets did you use in the images?

[@thebestreveal]

Love it!

[@uxpeak]

Thank you!

[@esu_uxui_designer]

I want daily more prototype videos in figma...pls upload

[@Nunuforfun]

Well, not sure what I´m doing wrong here since I am following the instructions step by step, but the last content of the row is cut in half when viewing on prototype mode. Help, anyone?

[@ashrafloubani3174]

thank you😄

[@andrealiptakova9168]

Very cool video 😊

[@uxpeak]

Thank you. Glad you enjoyed it.🙂

[@saradia9263]

Very helpful :'))

[@deborahodinga8739]

Thank you

[@uxpeak]

❤

[@candace200]

Should have mentioned the padding within the horizontal scroll. Its a minimal requirement.

[@erkish2878]

I have a problem where when i scroll back up it scrolls more than it was before i started to scroll. please help.

[@kwombat5306]

command key doesnt work

[@AchmadB.Septiyantana]

have find out how?

[@yohasart2712]

Use CTRL key

[@Eng-Shuuke]

how can i get this clean images plz help me out sir

[@KohitiStridah]

how do we do this with a single image??

[@cherryc0smos1]

Thanks

[@vakasPastando]

hmm which one is exactly the command key on windows?

[@yohasart2712]

Use CTRL key

[@HARIZIMRAN-y3r]

what is command key 0:59

[@Platinumsnake2024]

How to make prototyping navigation appear when scrolling in figma??

[@mdgolamrabby156]

if you haven't any problem you can share your file for your online students in the video description thanks

[@JonaSaxify]

Mine didn't scroll all the way down. Does anyone know why?

[@MariaSerralha]

obrigada!

[@olaleyesylvester9148]

Pls can I get this figma file link?

[@plutouzi2740]

Is there a File for this?

[@uxpeak]

Thank you for watching :) No, we didn't include the source file for this one but our other videos usually have one.

[@IAm-ui6bq]

time saver stg

[@ভোমরা]

Plz design website

[@uxpeak]

Hello! In our most recent video, we demonstrate how to create a 3D animated carousel for a website hero section using Figma.

[@richardappow6770]

can we get source file and the assets used?

[@IraHamdan-xs8mv]

can i know the key for windows?anyone can help me on this?

[@pinayhazelvlog]

Hello. Why i can't do a vertical mode from scroll behavior for my prototype? It showed an exclamation mark and I don't have a fix position when scrolling. Please help me. Thanks.

[@karenpires4532]

the exclamation mark appears when you have no elements outside the screen spacing. To move vertically, you have to make sure there are elements that extend beyond the size of the frame. I hope this helps.

[@Gary31563]

my navigation bar keeps moving in spite of following all the rules

[@unpocoloco23]

Go to Prototype-Position and select Fixed to Top

[@mat.0565]

chef mate asap

[@saucemaster6452]

Is this an AI text to speech voice?

[@Wenaartgr]

Idk what is command key and I'm on windows

[@Theregulator_]

Ctrl

[@christodd2633]

alt+f4

[@mg_ek4390]

3:32

[@drakata27]

intro not loud enough

[@KarenJones-l5l]

Clark Nancy Allen Scott Young George

[@Haroonjan-2776]

how can i creat this animation file:///C:/Users/AFC/Desktop/yyy.mp4

[@miroslavak.3666]

Awesome tutorial

[@uxpeak]

We are very happy to hear that you like it :)