Scrollable list in Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ธ.ค. 2022
  • 2 min tutorial on how to design a scrollable list in Figma.
    Scrolling animation is helpful for long lists when not all list elements can be visible at once. We will create a scrollable list using simple objects and two frames-the top and end of the list. After that, we will add a simple On Drag animation between two frames so the user can use the scrolling bar to move down the list.
    ----
    Twitter: / 101babich
    Instagram: / 101babich
    #scrollingtext #scrolling #scrollinginternet #uidesign #ui #userinterface #userexperience #ux #productdesign #uidesigntutorial #userinterfacedesign #designinfigma
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @veganlifethebestlife1102
    @veganlifethebestlife1102 ปีที่แล้ว +4

    The BEST video! Simple and easy to use. Thanks.

  • @alejandroamsel
    @alejandroamsel 8 หลายเดือนก่อน

    THIS IS EXACTLY WHAT I WAS LOOKING FOR! THANKS, NICK, YOU GOT A SUBSCRIBER!

  • @lemillion1918
    @lemillion1918 16 วันที่ผ่านมา

    The BEST video! Simple and easy to use. Thanks. 👌🏾👌🏾👌🏾

  • @DarshanSingh-ed6dy
    @DarshanSingh-ed6dy หลายเดือนก่อน

    Very useful. Implemented this instantly and it's working. Thanks for the tutorial.

  • @user-hl6bo9yo8i
    @user-hl6bo9yo8i หลายเดือนก่อน

    Nick, Thank you so much 👏🙏

  • @byAlexfromua
    @byAlexfromua ปีที่แล้ว +12

    Hm why not use a scroll option in prototype setting in Figma simply?

  • @tiarsoms141
    @tiarsoms141 5 หลายเดือนก่อน

    thankyou man!

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

    Great video!

  • @anhnguyenhoang7211
    @anhnguyenhoang7211 3 หลายเดือนก่อน +2

    How did you move the list within the frame?

  • @cage8375
    @cage8375 6 หลายเดือนก่อน

    Thank you!!

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

    thank you sir, i understood well.

  • @MarcusVinicius-yd9kz
    @MarcusVinicius-yd9kz 2 หลายเดือนก่อน

    Perfect!

  • @HabemusElit
    @HabemusElit 5 หลายเดือนก่อน

    thanks! Great VIdeo

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

    Gracias amigo!

  • @hdshorts8202
    @hdshorts8202 8 หลายเดือนก่อน

    Thank you ;)

  • @claroquepoggi
    @claroquepoggi 5 หลายเดือนก่อน +2

    Alright! But on I put the frame inside my page (the master frame, let's say it) it jsut does no work.

  • @user-iy4uz9dq7m
    @user-iy4uz9dq7m 5 หลายเดือนก่อน

    Thank you😊

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

    this is cool but how do I put it in another frame? when I have the dupmicated list outside, the animation shows the entire page for a fraction before showing the scrolled down list.

  • @Waseek69Ahmad
    @Waseek69Ahmad 6 หลายเดือนก่อน

    Thank you

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

    Nice guy!

  • @suryakamalnd9888
    @suryakamalnd9888 2 หลายเดือนก่อน

    But, how to add more depending on the code?

  • @bullterriertransylvania
    @bullterriertransylvania ปีที่แล้ว +6

    This is a dragable list NOT a SCROLLABLE list. :)

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

    best

  • @alibabadhongalu
    @alibabadhongalu 11 หลายเดือนก่อน +2

    Note:- this scroll bar not stopping in the medial of bar.
    its not working properly👎
    but thanks for the idea and do barter videos we always sport you 💐

  • @eatmemane
    @eatmemane 8 หลายเดือนก่อน +4

    How did you move the list within the frame?

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

    Thank you