How to design circle ring loading spinner in Figma

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

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

  • @babichnick
    @babichnick  8 месяцев назад +1

    If you want to code this animation, check this repository: github.com/babichplace/LoadingAnimations

  • @aayushnaithani6524
    @aayushnaithani6524 Год назад +4

    I was missing the last step and always used to wonder from where the single circle came thanks for the explanation.

  • @tunatasmaz271
    @tunatasmaz271 5 месяцев назад +3

    Guys, this spinner is working! But you have to change smart animate in last step with instant!

  • @fasholatunji6571
    @fasholatunji6571 Год назад +23

    Haha something ain't right mine not working properly

  • @shaiynasaini5538
    @shaiynasaini5538 4 месяца назад +7

    Don't rotate the frame of the varient guys rotate the circle inside the varient.

  • @rajas8729
    @rajas8729 7 месяцев назад

    Nice Explanation...easy way to do this spinning animation....Thank you Nick Sir

  • @deepeebee62
    @deepeebee62 7 месяцев назад

    Great work, Nick. ⭐ It's those little things that make animations work, and even though I thought I was a Figma Guy, I appreciate that you show us how to make things run smoothly.

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

    Every time I see your explanations they work correctly for me. Thank you very much Nick!

  • @ЕленаМатвеева-ш6р
    @ЕленаМатвеева-ш6р 19 дней назад

    Thank you

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

    Well done. A spinner the easy way.

  • @SioPao105
    @SioPao105 8 месяцев назад

    Mine works like magic thanks Nick

  • @madbash-406
    @madbash-406 10 месяцев назад

    Great job!

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

    Super useful!! Thank you

  • @martajanuszewska8205
    @martajanuszewska8205 9 месяцев назад

    Thank You!

  • @Sumit.tripathy
    @Sumit.tripathy Год назад +7

    I'm trying why it is not happening here

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад

      Nah it works perfectly fine. Definitely you made a mistake somewhere. Check weather you are rotating the frame of the variant or the circle. Because often i do that mistake most of the time.

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

      Kisko rotate Krna hai ?

  • @ayredinstoyanov7186
    @ayredinstoyanov7186 Год назад +2

    It's working but it's not smooth as you've shown, it's lagging a bit.

  • @SelinaOgbebor-lb3sx
    @SelinaOgbebor-lb3sx 7 месяцев назад

    Please, where is the arc dot coming from?. I'm struggling with that.

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

    Awesome 😄🎉

  • @tumbalvex4012
    @tumbalvex4012 7 месяцев назад

    hi, i have a problem, my shape become white when preview it in figma, did u know how to fix it?

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

    it worked but mine isn't spinning fast

  • @rosiekeszek
    @rosiekeszek Год назад +3

    What am i not getting? Mine doesn't spin, at best it kind of glimmers...?

    • @michaelreddington9145
      @michaelreddington9145 Год назад +3

      Same here... copied it to a T and it won't move :(

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

      @@michaelreddington9145 do you spin the symbol or the circle element in the symbol?

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад

      Nah it works perfectly fine. Definitely you made a mistake somewhere. Check weather you are rotating the frame of the variant or the circle. Because often i do that mistake most of the time.

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад

      Don't rotate the frame of the varient guys rotate the circle inside the varient.

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

    its not working,

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

    Thx man ❤

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

    I followed all the steps 5x still nothing but a blank page. Whats going on?

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад

      Nah it works perfectly fine. Definitely you made a mistake somewhere. Check weather you are rotating the frame of the variant or the circle. Because often i do that mistake most of the time.

  • @Sumit.tripathy
    @Sumit.tripathy Год назад

    Done Done , finally got it.. 👍

  • @RenS.Channel
    @RenS.Channel Год назад

    how to be smooth like that bro?

  • @sarahzehi1031
    @sarahzehi1031 9 месяцев назад +2

    It doesn't work for me :(

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад

      Nah it works perfectly fine. Definitely you made a mistake somewhere. Check weather you are rotating the frame of the variant or the circle. Because often i do that mistake most of the time.

    • @vesnalazarevic2829
      @vesnalazarevic2829 7 месяцев назад

      You are right, it's not working for me either. Maybe that shape should be converted to frame.

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 7 месяцев назад

      @@vesnalazarevic2829 No bro I guys must be rotating the frame itself instead of the element inside.

    • @vesnalazarevic2829
      @vesnalazarevic2829 7 месяцев назад

      For me it is working when I put some frame behind this loading cirle and then conect circle inside with second frame and so on with the rest...

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

      It worked but the mine isn't spinning fast

  • @wibucode5094
    @wibucode5094 8 месяцев назад

    no works

  • @stevemalone6062
    @stevemalone6062 10 месяцев назад +4

    Nope doesn't work

    • @MohanaKumar-xy5xm
      @MohanaKumar-xy5xm 8 месяцев назад +1

      Nah it works perfectly fine. Definitely you made a mistake somewhere. Check weather you are rotating the frame of the variant or the circle. Because often i do that mistake most of the time.

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

    +rep

  • @enuekwewisdom9859
    @enuekwewisdom9859 4 месяца назад

    It worked 🥹🥹