Animate Icons in Figma in 1 Click! + Export As Json | Design Weekly

Поділитися
Вставка
  • Опубліковано 16 жов 2024

КОМЕНТАРІ • 61

  • @czg4070
    @czg4070 Рік тому +5

    Hello the svg motion pluggin doesn't work for me, i did flatten an line icon and there is no frame :( , nothing move

  • @katherinegaspare1569
    @katherinegaspare1569 2 роки тому +6

    Loved it 😍 even in free version is amazing, thank you for sharing this!

  • @kunjikagogna2387
    @kunjikagogna2387 2 роки тому +3

    Hi, I see the icons in animation in the plugin window but not in Figma - how can I have an animated icon in Figma frame?

  • @capturedclips153
    @capturedclips153 2 роки тому +2

    Congratulations on a 100k

  • @ridwanhoquesrihan8862
    @ridwanhoquesrihan8862 2 роки тому +2

    Congratulations on 100k Punit

    • @PunitChawla
      @PunitChawla  2 роки тому

      Thank you Ridwan, will take pic with the play button soon!

  • @omardanial7351
    @omardanial7351 9 місяців тому

    can we export animations as JSON which are made in Figma not lottie files

  • @rekhabaghel5843
    @rekhabaghel5843 2 роки тому +2

    Thanks, can you please provide the link of Motion. regards

  • @maimnatbatool7620
    @maimnatbatool7620 2 роки тому +3

    Hi! I had a question - so when I export the icons (using the first method) as animated svg - it doesn't play as an animation in the figma file? Is that meant to happen? Do the developers work their magic on this?
    Please let me know!
    Thanks for the tutorial!

    • @tomashruska2171
      @tomashruska2171 Рік тому

      same issue :(

    • @dxne
      @dxne Рік тому

      If I'm not wrong, Figma only plays GIF (in prototype mode)

  • @aritra3004
    @aritra3004 2 роки тому +3

    Bro congo on 100K!!

    • @PunitChawla
      @PunitChawla  2 роки тому

      Thank you Aritra! Still waiting for the play button to officially announce :)

    • @aritra3004
      @aritra3004 2 роки тому

      @@PunitChawla 💫

  • @thatasianguy4935
    @thatasianguy4935 Рік тому

    I find the video a bit misleading as the plugin you suggested and process you showed output a very sissy animation while the ones you showed, in the beginning, are more custom made

  • @baadshah2100
    @baadshah2100 2 роки тому +2

    Amazing video… really liked as it can be used in real apps and not for presentation only 👍🏻👌

    • @PunitChawla
      @PunitChawla  2 роки тому

      Oh yes! Lottie animations/json is the way to go

  • @mrti6782
    @mrti6782 2 роки тому

    Hi bro. i'm using motion ui make ani, then i try export to json for project code. But my file json show failed. How to fix? Thanks bro

  • @zahrasaeedi7527
    @zahrasaeedi7527 2 роки тому

    what a good plugin! Thanks
    But whats that music in background 🤯🥲

  • @Official.Uncle.cpp0
    @Official.Uncle.cpp0 2 роки тому

    Hi bro how do you actually code the UI design to function properly well a mobile app

  • @nandanverma6116
    @nandanverma6116 2 роки тому +3

    1st comment ❤ congratulations 🎉

  • @cristrings
    @cristrings Рік тому

    Does it also work to animate prototypes?, meaning, not just icons but like transitions from one frame to another and so on

  • @allannyholmnielsen5559
    @allannyholmnielsen5559 2 роки тому +1

    What a nice video. Thank you for sharing.

  • @vsvnrajashekar4336
    @vsvnrajashekar4336 2 роки тому

    Sir can u pls tell me how to design an icon for example 24*24 😔🙏🏼🙏🏼

  • @BusinessManKev
    @BusinessManKev 3 місяці тому

    Pretty cool. Good video for sure.

    • @ArtTutor1
      @ArtTutor1 Місяць тому

      Hello everyone. I am sharing this so that it may helpful. Creating animated icons in Figma
      ua-cam.com/video/0WhTSejmR8A/v-deo.html

  • @NandaYKSalunkhe
    @NandaYKSalunkhe Рік тому

    Its Awesome... Thank you so much 💞

  • @gametechvlog
    @gametechvlog 2 роки тому +1

    can we include that animated SVG icons in prototypes?

    • @PunitChawla
      @PunitChawla  2 роки тому +1

      Since Figma supports mainly gif for now, it’s best you just export it as gif for Figma

    • @gametechvlog
      @gametechvlog 2 роки тому +1

      @@PunitChawla You are right. Thanks for the amizing video...

  • @2DR3
    @2DR3 26 днів тому

    Is this all free

  • @Rao_Nishant
    @Rao_Nishant 2 роки тому +3

    Sometimes you forget to add videos related to figma in figma playlist.

    • @PunitChawla
      @PunitChawla  2 роки тому

      Ah yes, will sit over the weekend and improve the playlists. Thanks for the reminder!

  • @khalidali1972
    @khalidali1972 2 роки тому +1

    Is there s something similar for XD. ???

    • @PunitChawla
      @PunitChawla  2 роки тому +1

      Yes! I did a video on that a while back - m.ua-cam.com/video/b4rb6zGoxv4/v-deo.html

  • @afrinachowdhury9159
    @afrinachowdhury9159 2 роки тому +1

    Really helpful. Thanks a lot!

  • @vishalpanchal9802
    @vishalpanchal9802 2 роки тому +1

    Loved It ❤️

    • @PunitChawla
      @PunitChawla  2 роки тому +1

      Thanks Vishal! Happy you did

  • @onetuffmmedia2168
    @onetuffmmedia2168 2 роки тому +1

    Nice 👍 man

  • @sagarbaishya4u
    @sagarbaishya4u Рік тому

    You are using jugad plugins instead of AE. It is much better and gives better creative control.

  • @artikhalatkar233
    @artikhalatkar233 2 роки тому

    Awesome..... cool

  • @Ungalukku_oru_vishayam_sollata
    @Ungalukku_oru_vishayam_sollata 2 роки тому +1

    Thank you so much 🥰

  • @divyande5388
    @divyande5388 2 роки тому +1

    Bro ur explanations are really awesome. There is still a huge gap in understanding when to use components, auto layout and how to use them for animation and mainly complex animation are still being night dream for many beginners. So I request u to put a video on complex animation from other designers and components, auto layout tutorial, Is it possible.

  • @maumauprocura
    @maumauprocura Рік тому

    Amazin !!!

  • @purohitvibhuti
    @purohitvibhuti Місяць тому

    Not working !!!

  • @rabarhusen9170
    @rabarhusen9170 Рік тому

    Cool

  • @EminYusifov
    @EminYusifov 2 роки тому +2

    great lesson! but your pronunciation is awesome )))

  • @mkmagnificenttuber4262
    @mkmagnificenttuber4262 Рік тому

    This is not diffcult you find it diffcult when you navigate to next pages when you have created this components

  • @NO_russia
    @NO_russia Рік тому

    don't work 🤔

  • @glawk-eth
    @glawk-eth Рік тому

    CLIIIIIIIIIIIIIIICK BAIT

  • @debabratajena2517
    @debabratajena2517 3 місяці тому

    Hello the svg motion pluggin doesn't work for me, i did flatten an line icon and there is no frame :( , nothing move