Scroll Bar Animation in Figma Using Smart Animate

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ก.ค. 2022
  • Learn how to create a scroll bar animation in Figma easily

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

  • @user-ks7oi6mw6e
    @user-ks7oi6mw6e ปีที่แล้ว

    Thanks for the video! It was really helpful

  • @cocteauuk
    @cocteauuk 8 หลายเดือนก่อน +1

    Very good video, everybody else makes it so it stands alone, you are the only one who mentions "Component Set" and how it's inserted into the layout. Thank you!

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

      You're Welcome. I'm glad you found it helpful.

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

    Femi Thank you. Your videos are all hits back to back. Learning and following

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

      Thank you so much 🙏🥹

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

    Thanks! Great that you don't miss steps like some other authors do

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

      I really appreciate the kind words. You’re welcome 🙏

  • @user-xs1ov1bd7c
    @user-xs1ov1bd7c หลายเดือนก่อน +1

    i enjoyed the video

  • @ceciliaw1065
    @ceciliaw1065 2 หลายเดือนก่อน +1

    exactly what i needed to learn, thank you!!!

    • @femijohn
      @femijohn  17 วันที่ผ่านมา

      Glad it was helpful!

  • @tomashudolin7197
    @tomashudolin7197 4 หลายเดือนก่อน +2

    But this isn't exactly how real scroll bar works. This is one way only, but scroll bar works when you rotate with your mouse wheel also.

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

      Do you know any video that teaches that?

  • @alexanderantory28
    @alexanderantory28 2 ปีที่แล้ว

    thank you very very much sir, this is the right case im lookin for...all the best for this channel😎🙏

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      You’re welcome, and thank you for the kind words.

  • @josharmantrout6700
    @josharmantrout6700 2 ปีที่แล้ว +2

    Love this Femi! Have you ever explored doing this same kind of thing by using an :on-scroll animation on the cards?

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      I’m not really sure what you mean. But I can’t find an on-scroll option from the interactions. Except you’re talking about the overflow scrolling options

  • @ikennagibson3933
    @ikennagibson3933 2 ปีที่แล้ว +2

    Femi if you keep posting exclusive contents like this believe me your subscribers will sprout in a short period of time. This your content is not the regular content we see on other youtubers channel. Keep up the useful contents bro. I am rooting for you!

    • @femijohn
      @femijohn  2 ปีที่แล้ว +2

      You’re going to make me cry 🥹. Thank You.

    • @ikennagibson3933
      @ikennagibson3933 2 ปีที่แล้ว +2

      @@femijohn 😅😄

  • @Naz-yi9bs
    @Naz-yi9bs 2 ปีที่แล้ว +1

    Amazing, keep up the awesome content.

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      Thank You.

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

    very good job, i really love your tutorial videos

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

      Thank You so much 🙏

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

    you have saved my life thanksssss!!!!

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

      You're welcom 😊

  • @danialkhalil4012
    @danialkhalil4012 ปีที่แล้ว +2

    thanks a lot man. i really like ur video :) appreciate it ;)

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

      When I tried it the scroll bar only sticks to the top and bottom. What do you think the problem is? Thank you

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

      Thanks. 😊

  • @KD9-37
    @KD9-37 ปีที่แล้ว +1

    tHANKYOU FOR THIS VIDEO!!

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

      You're welcome. 😊

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

    👏🏽 very helpful 💃

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      Thank You. 😊

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

    Amazing!

  • @yefeng5595
    @yefeng5595 11 หลายเดือนก่อน +1

    wonderful best tutorial

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

      thank you

  • @paigewalker4539
    @paigewalker4539 ปีที่แล้ว +2

    Thanks for the video! How do you make this interaction work the opposite way in addition to this interaction? So that if you were scrolling on the page content with a trackpad (instead of dragging on the scroll bar), the scroll bar still moves with the page content to the left of it?

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

      Did you ever figure this out, I'm trying to achieve this also

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

      Unfortunately no… I couldn’t get it to work. I don’t know if it’s possible yet. Was hoping they would announce “on scroll” as a new interaction at config this week.

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

      If you ever figure it out please reply here!

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

    Nice👌

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

      Thank you! Cheers!

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

    Nice One 👍🏼

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      Thank You.

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

    awesome 👏🏿

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

    what if I want to just do the scroll bar animation while actually scrolling on the device and not dragging the scroll bar, how do I do that? please help

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

      You can do the normal vertical scrolling on it. But it will be difficult to make the scroll indicator move along .

  • @rafa.rodrix
    @rafa.rodrix ปีที่แล้ว +1

    Valeu, macho véi!

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

      obrigada 😊

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

    How do I make the scroll bar stay hold when not clicking the mouse?

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

      bro did u find the solution?

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

    that's what I was looking for, though my navigation bar is vanishing whe I scroll it down.

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

      ops! problem solved! Thanks!!!

    • @femijohn
      @femijohn  4 หลายเดือนก่อน +1

      Sorry for delayed response. Glad you fixed it

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

    The crickets 😂

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

      😭 Apologies

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

    Please reply🙏🙏🙏🙏
    I want to navigate from one page frame to other particular section frame. Is it possible🙏🙏🙏🙏

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      Yes it’s very possible. But make sure that section is a frame. Then connect the prototype wires to that section.

    • @khabbas7911
      @khabbas7911 2 ปีที่แล้ว

      @@femijohn I have tried making the section frame but its taking only the main page

    • @khabbas7911
      @khabbas7911 2 ปีที่แล้ว

      Please help, my job can be at risk 🙏🙏

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

      I think I have not clearly written. Please I want to navigate from one page to other page section only. Like I have clicked the button, then it should navigate to about page client section. Not from the starting of about page

    • @femijohn
      @femijohn  2 ปีที่แล้ว

      @@khabbas7911 it’s not possible to another page. Only if the section is on the same page

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

    doesnt work for me...

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

    How do u export it when u are done ????

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

      I don’t understand what you mean

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

      try sharing the prototype link

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

    confusing aweful

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

    Tbh you’re good and very skilled at explaining painstakingly 🪄🪄❤

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

      I appreciate your kind words. Thank you 🥹❤️🚀