Pulsing animation in Figma

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

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

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

    If you're looking for a source code for pulsing animation (ripple effect), check this github.com/babichplace/LoadingAnimations

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

    Just what I was looking for! Perfect.

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

    Lovely. I implemented this with an icon using a varying stroke width.

  • @yeswanthraj2140
    @yeswanthraj2140 ปีที่แล้ว +5

    sir i tried it but its not working sir can u help me ??

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

    Thanks very straightforward.

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

    Hi, thanks for your valuable training. In endless auto scrolling, I want to do this action: when take the mouse on the endless auto scrolling, it be stop? Can one help me to do it?

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

    Great tutorial, thankyou for your video

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

    Incredibly helpful! thank you so much :)

  • @evelynh1202
    @evelynh1202 6 หลายเดือนก่อน +1

    Followed this step by step and was very clear thank you! However it hasn't worked for me. When I add the finished component from the assets tab to a frame, it doesn't animate when I preview it - in the drop-down list on the layers tab, it appears that only the layers from the first frame of the component show up, and not the other 3 frames/variants or their interactions. Any help would be greatly appreciated please!

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

      Try giving the after delay value to 1000ms instead of 1ms

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

      @@shreyagolatkar652 I Tried it but it still doesn't work for me :( The Turorial was very clear so I don't understand why it doesn't animate when I preview it..

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

      This is why I need to find a source that can explain how transition metrics impact the final rendition. Currently I find myself maying tweaks on the fly to get the animation Im hoping for. Also, Im not sure if you guys have noticed too. When an animation has been done a certain way, after a while if I revisit the animation it some how glitches or breaks.

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

      @@MyaraChan try making copies of the component set and trying different transition settings. If your layers are not structured well or named correctly, auto animate can behave unexpectedly. Please make sure you fix everything from the atomic level.

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

      @@WithUsersInMind Thank you for your advice! I downloaded Figma for windows, in the app it's somehow working. But still doesn't work in the browser 🤔🤔

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

    very helpful video.. I used same animation.. But i have this problem that it works fine in figma prototype but how can we export it to lottiefiles ...and save json file for developers

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

      Wait is the json file the developers will use?

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

      @@josejozyachidon6609 yes

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

    thank you, how to export it as gif?

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

      You can use tools like Giphy to create a GIF from the screen recording.

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

    seems easier in after effects, but AE software can be so damn laggy

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

    Great! Thank you so much 😍

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

    Great tutorial, thanks so much :)

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

    Great 👍

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

    Super useful. Thanks!

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

    thanks a ton man🤟

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

    thank you

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