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

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 23

  • @ridwano.mudathir7997
    @ridwano.mudathir7997 2 месяца назад +1

    2years ago and still saving lives. Thanks brother.

  • @khabbas7911
    @khabbas7911 2 года назад +6

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

    • @femijohn
      @femijohn  2 года назад

      You’re welcome 🥺

  • @noracecy6203
    @noracecy6203 6 месяцев назад +2

    You really saved me. Thank you for sharing 🙏

    • @femijohn
      @femijohn  5 месяцев назад

      You're so welcome!

  • @aayushi352
    @aayushi352 9 месяцев назад +1

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

  • @Uyai_Inyang
    @Uyai_Inyang 2 месяца назад

    Thank you for this 🔥🔥

  • @oluseyiemmanuel8638
    @oluseyiemmanuel8638 6 месяцев назад +1

    Thank you for the video

    • @femijohn
      @femijohn  6 месяцев назад

      You're welcome

  • @aakashsugandhi
    @aakashsugandhi Год назад

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

  • @Moooooooooouu
    @Moooooooooouu 2 месяца назад

    thank you so much

  • @devikau9213
    @devikau9213 Год назад +1

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

    • @simluh2508
      @simluh2508 5 месяцев назад +1

      Same doubt😢

    • @simluh2508
      @simluh2508 5 месяцев назад +1

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

    • @Bomboloification
      @Bomboloification 3 месяца назад

      He dragged the main component while holding "option" (alt on Windows)

  • @dearlydebbie
    @dearlydebbie 10 месяцев назад

    I can't thank you enough!!!

    • @femijohn
      @femijohn  10 месяцев назад

      You're welcome 😊

  • @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.

  • @ag34393
    @ag34393 4 месяца назад +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  4 месяца назад

      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.