Export Figma Animations with a Single Click | Figma Tutorial

Поділитися
Вставка
  • Опубліковано 18 січ 2025

КОМЕНТАРІ • 57

  • @DesignWithArash
    @DesignWithArash  Рік тому +1

    👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
    bit.ly/43v79vX

  • @ahmeddoghri1576
    @ahmeddoghri1576 2 дні тому

    I can distinguish that Iran English accent from miles away. Cheers to you brother

  • @drakZes
    @drakZes 11 місяців тому +3

    I just tried this with 6 Frames and it is looking correct in Figma prototype, but with Lottie the image flickers away and the last frame did not work. Terrible extension.

  • @kerisek11
    @kerisek11 8 місяців тому +3

    Where is "export" part? You just showed a plugin

  • @НатальяЭреджепова-у2т

    I love your channel! Very simple explanation of complex things that took me many hours to figure out 👏

  • @alexanderomowale6987
    @alexanderomowale6987 13 днів тому

    Thanks so much for sharing.

  • @femiadekunle-farinde4691
    @femiadekunle-farinde4691 6 місяців тому +1

    You are just too good bro!

  • @ViniciusFeitosaDaSilva
    @ViniciusFeitosaDaSilva 6 місяців тому

    Excellent! Thanks for sharing!

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

    Ah, thanks a lot for this bit of crucial knowledge. Timely.

  • @lalogreiner
    @lalogreiner 9 місяців тому +1

    Very nice. You've earned my like! :D

  • @pakaradeek
    @pakaradeek 10 місяців тому

    Can we save this animation in our computer folder using Lottie?

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

    wow 🤩 i found such a nice mentor

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

    Excelentes tips, no entendía porque me fallaban muchas animaciónes con el plugin! Genio! Gracias por los tutoriales

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

    After long time🙋‍♂️

  • @pixeltricks
    @pixeltricks 10 місяців тому

    Great video! :)
    As I'm a wordpress developer, not knowing how to deal with these Lottie JSON files exported - is there a guide somewhere for me how to apply this hamburger icon animation to a menu? Thanks again!

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

    Nice! 😉
    Thanks, Mr. Ahadzadeh!

  • @malikamazhar267
    @malikamazhar267 6 місяців тому

    All this work you done on paid or free figma.. kindly tell me

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

    Great info 👌

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

    Sir you are my design idol 😍

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

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

  • @tereza1447
    @tereza1447 8 місяців тому

    i cant manage to figure out how to export a frame animation that i did with images instead of shapes like u did...

  • @lavm1977
    @lavm1977 Рік тому +1

    Hello, great video. I love how well and simply you explain it. I would like to know if you can make a video explaining how to export to code with the Anima plugin from Figma.🙂

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

      Hi. Thank you so much. I'll add it to my list but I highly recommend you check out Framer.

  • @ZüleyhaHocaoğlu
    @ZüleyhaHocaoğlu Рік тому

    How did you do 'align vertical center' when rectangles in a frame ?

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

      Just select the two rectangles (hold down the Shift key to select them both) and then hit the Horizontal and Vertical alignment buttons.

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

    Hello, Thank you so much for your information. how can I download gif file for my design files not for developers?

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

      No problem. You can go to your Lottie dashboard and export your animation as a GIF.

  • @bona_chidera
    @bona_chidera Рік тому +1

    Thank youuuu ❤

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

    how to set the quality of the gif ? It was very blur.

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

    How can I export this animation as svg

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

    I cant find this plugin in figma. Is this still viable?

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

    Bro please make a video that how can export figma prototype as a gif or video

  • @ShedrackEmmanuel-w6i
    @ShedrackEmmanuel-w6i Рік тому

    can this work for text animation?

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

    Hi it's possible free download animation, video from figma

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

    looking good 👍 🎉

  • @mykolaomelchenko9319
    @mykolaomelchenko9319 11 місяців тому

    Thank you Arash for the tutorial. Animation works in Figma. Lottiefiles plugin doesnt work.

    • @DesignWithArash
      @DesignWithArash  10 місяців тому

      No problem. That's strange. I used the plugin a few times and it worked just fine.

  • @JafarsGamein
    @JafarsGamein 9 місяців тому +1

    Brother i have an off-topic question... ARE YOU PERSIAN? just asking cuz im also persian lol

  • @Slava-om1sz
    @Slava-om1sz 11 місяців тому

    Worthless until it can support animations as they already work in Figma. I am not re-designing all transitions just to be able to export. I must just as well put this effort in redesigning it in CSS directly.

  • @pokhtunkhan2138
    @pokhtunkhan2138 Рік тому +1

    I think this plugin is paid

    • @KiDDOJiNU
      @KiDDOJiNU 10 місяців тому

      No, It's free

  • @pratishthajoshi3153
    @pratishthajoshi3153 2 місяці тому

    Thanks a ton this was one of the easiest and useful video soo far🤍🤍