Scrolling Counter Animation in Figma | Web Design Statistic Prototyping with Component and Variants.

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ส.ค. 2024
  • Learn how to create an auto scrolling counter animation in Figma. Using components, variants and smart animate.

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

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

    You saved someone , thanks brother tonnes 🙏🙏🙏❤️❤️

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

      You’re welcome 🥺

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

    You really saved me. Thank you for sharing 🙏

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

      You're so welcome!

  • @ag34393
    @ag34393 22 วันที่ผ่านมา +2

    This looks really manual, how would you do this if you needed to animate a larger set of numbers where manually typing out the increments is not feasible?

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

      Its a prototype. if you want to use a larger number then you'll have to write a piece of code. figma isn't a major prototyping tool, so things like this are manual. Even to achieve this on webflow you still need to embed a piece of code. this is just for illustration sake.

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

    Thank you for the video

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

      You're welcome

  • @aayushi352
    @aayushi352 5 หลายเดือนก่อน +1

    hey, loved this, can you share where did you get your icons from?

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

    I can't thank you enough!!!

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

      You're welcome 😊

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

    All is good my i have one question only how to create animation when I'm going particular section and counts automatically scroll

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

    Nice video femi, please where did you get your icons from?

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

      Thank You. You’ll notice they’re images. I downloaded them from flaticon.

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

      @@femijohn You are welcome! oh I thought as much. I am in this situation at the moment for a project I am working on. Flaticon has virtually all icons for any occasion but the problem is getting an svg version of it is premium, so my question is, is there any hack to converting those png icons to svg?

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

      @@ikennagibson3933 yes there’s. I convert png to svg all the time. But I’m not sure it’s safe to mention that here.

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

    how did you create the instance of the variant in 12:23

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

      Same doubt😢

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

      If you find the way.. Please post it in comment