Horizontal and Vertical Scrolling in Figma | Scrolling in Figma explained

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ก.พ. 2023
  • Hello,
    Let's learn about adding horizontal and vertical scrolling in Figma designs.
    #scrolling #scroll #figmadesign #figmatutorial #figma #scrollinginfigma
    Food design mobile app Figma tutorial: • Food App Design in Fig...
    → Learn UX design with a discount from Industry experts: cutt.ly/8wtCOztx
    → Become a UX expert by completing UI/UX specialization from Coursera: cutt.ly/EwUqPe13
    ----------------------------------------------------------------------------
    Watch other popular videos:
    Design a Calculator in Figma: • Designing a Calculator...
    UI Design Trends 2022: • UI Design Trends 2022
    UX Design Trends 2022: • UX Design Trends 2022
    E-Commerce Mobile App Design in Figma: • E-Commerce Mobile App ...
    Mobile App Design in Figma: • How to Design Mobile T...
    5 Tips to Design Useful Dashboards: • 5 Tips to Design Usefu...
    Design Landing Page in Sketch: • Design Landing Page in...
    -----------------------------------------------------------------------------------------------
    👋🏻 Let's connect!
    www.uxdworld.com
    Facebook: / uxdesignworld
    Instagram: / uxdworld
    Twitter: / uxdworld
    TikTok: / uxdworld
    Linkedin: / uxworld
    -----------------------------------------------------------------------------------------------------
    Background Image:
    bit.ly/3rBPIc6
    Background Music:
    Song: Ikson - New Day (Vlog No Copyright Music)
    Music provided by Vlog No Copyright Music.
    Video Link: • Ikson - New Day (Vlog ...

ความคิดเห็น • 27

  • @olayinkaajayi4313
    @olayinkaajayi4313 ปีที่แล้ว

    Thank you so much. Please what if on the horizontal bar menu,I want to be able to click each and still maintain the scroll property. I tried doing it but once I move the items out of the frame,it gives me a warning sign on the horizontal overflow

  • @westfield90
    @westfield90 4 หลายเดือนก่อน

    Thank you

  • @shilajitray8760
    @shilajitray8760 10 หลายเดือนก่อน

    Thanks a lot. I was totally confused because scrolling both horizontal scrolling and vertical scrolling both got messed up. now i got a solution😀

    • @uxdworld
      @uxdworld  10 หลายเดือนก่อน

      Good to know this, thanks :)

  • @oluwagbengakosoko9014
    @oluwagbengakosoko9014 ปีที่แล้ว

    Thank you very much. We'll explained

  • @khrystyna5005
    @khrystyna5005 ปีที่แล้ว

    thank you!❤❤❤❤❤❤

    • @uxdworld
      @uxdworld  ปีที่แล้ว

      Thanks for watching :)

  • @shoaib9800
    @shoaib9800 ปีที่แล้ว

    How to make a shadow under the search bar when we scroll vertically?

  • @mightytitan
    @mightytitan ปีที่แล้ว

    Thank you it worked ... :)

    • @uxdworld
      @uxdworld  ปีที่แล้ว

      Good to hear this ☺️ Thanks

  • @monicaaquino728
    @monicaaquino728 3 หลายเดือนก่อน

    Thank you so much

    • @uxdworld
      @uxdworld  3 หลายเดือนก่อน +1

      You are welcome 😊

  • @iuashrafi
    @iuashrafi ปีที่แล้ว

    thankyou !

    • @uxdworld
      @uxdworld  ปีที่แล้ว +1

      Thanks ❤️

  • @texraja3040
    @texraja3040 ปีที่แล้ว +1

    Very helpfull

    • @uxdworld
      @uxdworld  ปีที่แล้ว

      Glad to hear that :)

  • @MdAKZahin
    @MdAKZahin 4 หลายเดือนก่อน

    Hi. Pls help. Horizontal scroll worked for me just fine. but whenever I'm adjusting the frame of popular for vertical scroll all the item name and pictures gets out of their place. What should I do?

  • @UXDesire
    @UXDesire ปีที่แล้ว +1

    Could you please make this application with the previous project to reuse this effect?

    • @uxdworld
      @uxdworld  ปีที่แล้ว

      Thanks for your comment. Do you mean the previous Food App design project?

  • @NomiSultan-qi7lp
    @NomiSultan-qi7lp 8 หลายเดือนก่อน

    i have done everything but there is no any option of fix position when scrolling

  • @thommy_80
    @thommy_80 ปีที่แล้ว

    Hi..thx for this tutorial
    But, mine there isnt any "fixed position" to nav bar. Is it a feature of paid account?

    • @rafiajamil2900
      @rafiajamil2900 ปีที่แล้ว +1

      go to the prototype section ....there u will find the property of position

    • @thommy_80
      @thommy_80 11 หลายเดือนก่อน

      thx @@rafiajamil2900

  • @hary3936
    @hary3936 ปีที่แล้ว +1

    how to bring up the fix position option

    • @uxdworld
      @uxdworld  ปีที่แล้ว

      Thanks for your comment. In the latest Figma updates, Figma introduced three kinds of scroll positions: Scroll with parent, Fixed, and Sticky. These properties can be seen in the Prototype tab.

  • @NerdGeekTalk
    @NerdGeekTalk ปีที่แล้ว

    These “explanation” videos don't explain nothing like do I have everything in group or not