Horizontal and Vertical Scroll in Figma | Figma Tutorial

Поділитися
Вставка
  • Опубліковано 29 січ 2025

КОМЕНТАРІ • 46

  • @DesignWithArash
    @DesignWithArash  Рік тому +1

    👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
    bit.ly/43v79vX

  • @h.alexbrena7154
    @h.alexbrena7154 Рік тому +6

    Congrats!!!, the explanation is by far the most crystal clear around!!!

  • @mrdemirbas
    @mrdemirbas Рік тому

    The timing of this video is unbeliavable for me. I was creating something yesterday and I couldn’t figure out how to do this, there was something I was missing and planning to check it from a video. Then your notification hit 😅 thank you

  • @hoangluong611
    @hoangluong611 Рік тому +1

    Thank you, Arash. You are an excellent teacher, and I have learned a lot from you ♥

  • @mayurpujari
    @mayurpujari Рік тому

    Clean and informative tutorial, thank you Arash.

  • @Skanda__00_00
    @Skanda__00_00 11 місяців тому

    Haha! By far the simplest explanation, thank you! Could you also show how to add a button to automatically scroll left-to-right, please?

    • @DesignWithArash
      @DesignWithArash  11 місяців тому

      Thank you. You can do that by creating an interactive component (with two variants).

  • @rogermortimer111
    @rogermortimer111 5 місяців тому

    Thank you. Great and simple video.

  • @ChrisTKelley
    @ChrisTKelley 3 місяці тому

    This is a good video. You explained it very well, but the margin on the left side of the horizontal carousel should not clip the content. In the "home" position if you will, it should have that 12dp margin on the left side, but as you scroll horizontally, the content should extend to the outer edge of the frame. At least that is how most horizontal carousels work. Is this possible in Figma? I'd love if you had an updated video on this. I think maybe you would just need to add the margin on the left side of the tags frame like you did on the right of the other container and have the frame start at X position 0.

  • @Wenaartgr
    @Wenaartgr 7 місяців тому

    Thank you !!! It helped me a lot!! Very clear

  • @estherariyo214
    @estherariyo214 Рік тому

    you are a great teacher Arash. but i have a question if you don"t mind

  • @CJreyiz
    @CJreyiz Місяць тому

    4:05 Which button did you press to do this?

  • @Jahnavieskala-o4u
    @Jahnavieskala-o4u 3 місяці тому

    does the overflowing part have to be a frame or can it be textboxes also?

  • @AchmadB.Septiyantana
    @AchmadB.Septiyantana 3 місяці тому +1

    my control and command key doesnt work, it croped the content inside it

  • @westfield90
    @westfield90 10 місяців тому

    Excellent

  • @AyomidePopoola-kr7qz
    @AyomidePopoola-kr7qz 9 місяців тому

    Thanks Arash.

  • @teachingbysm
    @teachingbysm Рік тому

    Arash thank you soo much, but i have a question for you, Figma supports left to right horizontal scroll, but for my project I need a right to left horizontal scroll, just like the one in your video for youtube. For example when we click on any button on youtube bar, that bar is highlighted and we can scroll left as well. Can you please explain how to make a horizontal bar like that please

    • @DesignWithArash
      @DesignWithArash  Рік тому

      Hi. No problem. You just need to increase the width of your frame (scrollable frame) from the left instead of right.

  • @uibyanil
    @uibyanil 5 місяців тому

    @DesignWithArash, how can we make prototype with TABs page changes too

  • @Bilbyflix
    @Bilbyflix 3 місяці тому

    When I try to preview/present the prototype, the homepage is minimising to the left upper corner of the prototype screen. What am I doing wrong??

  • @uibyanil
    @uibyanil 5 місяців тому

    This video is helps to understand prototype.... BUT how can i make page wise TABS Horizonal scroll in prototype?

  • @mahmoudmustafa579
    @mahmoudmustafa579 Рік тому

    Thank you!!

  • @Ajadi_kun_
    @Ajadi_kun_ 5 місяців тому

    Thank you

  • @Engelchen19
    @Engelchen19 10 місяців тому +2

    I still have as position "scroll with parent"

  • @ayushgautam8941
    @ayushgautam8941 Місяць тому

    please put a practice file in description

  • @ashwinkumar4371
    @ashwinkumar4371 3 місяці тому

  • @mrjacobsidhu3625
    @mrjacobsidhu3625 Рік тому

    video starts at 02:25

  • @ytmuhammadsyarief3531
    @ytmuhammadsyarief3531 3 місяці тому

    Kak minta file redesain youtube di figmanya boleh ga kak

  • @turkantay
    @turkantay Рік тому

    Eşq olsun Cənub Azərbaycanlı türk qardaşıma! ✌️

  • @dineshkumar-hx9vc
    @dineshkumar-hx9vc 9 місяців тому

    When the scrolling ends I'm not getting that elastic effect

  • @N4RO_Wrestling
    @N4RO_Wrestling Рік тому

    piz do webflow advanced course
    i will ask you again & again

    • @DesignWithArash
      @DesignWithArash  Рік тому +1

      I'm not planning to publish a new Webflow course in the near future.

  • @Manoj-hf2ls
    @Manoj-hf2ls 7 місяців тому

    This is easy peesy, press of a button in Adobe XD, why figma had to make it complicated AF

  • @Haroonjan-2776
    @Haroonjan-2776 5 місяців тому

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