Export Figma Animations with a Single Click | Figma Tutorial
HTML-код
- Опубликовано: 2 июн 2024
- In this video, I'm going to show you how to export your Figma prototypes instantly.
👉 Become a Pro UI Designer with my UI Design & Figma Mastery course:
bit.ly/43v79vX
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.
👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
bit.ly/43v79vX
You're great at it !
Thanks for sharing it!!! 🙌
Thanks a lot. No problem.
Ah, thanks a lot for this bit of crucial knowledge. Timely.
No problem.
Nice! 😉
Thanks, Mr. Ahadzadeh!
No problem.
can we export animations as JSON which are made in Figma not lottie files
Excelentes tips, no entendía porque me fallaban muchas animaciónes con el plugin! Genio! Gracias por los tutoriales
Thanks.
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!
Great info 👌
Thanks.
Thank youuuu ❤
No problem.
Can we save this animation in our computer folder using Lottie?
Very nice. You've earned my like! :D
Thank you.
You're a lifesaver.
🙏🏻
Sir you are my design idol 😍
Thank you so much.
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.🙂
Hi. Thank you so much. I'll add it to my list but I highly recommend you check out Framer.
how to set the quality of the gif ? It was very blur.
wow 🤩 i found such a nice mentor
Thank you.
can this work for text animation?
After long time🙋♂️
Yes, I'm back.
How did you do 'align vertical center' when rectangles in a frame ?
Just select the two rectangles (hold down the Shift key to select them both) and then hit the Horizontal and Vertical alignment buttons.
i cant manage to figure out how to export a frame animation that i did with images instead of shapes like u did...
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.
How can I export this animation as svg
Hello, Thank you so much for your information. how can I download gif file for my design files not for developers?
No problem. You can go to your Lottie dashboard and export your animation as a GIF.
looking good 👍 🎉
Thanks.
Where is "export" part? You just showed a plugin
I cant find this plugin in figma. Is this still viable?
Yes, it is.
Bro please make a video that how can export figma prototype as a gif or video
Sure.
Thank you Arash for the tutorial. Animation works in Figma. Lottiefiles plugin doesnt work.
No problem. That's strange. I used the plugin a few times and it worked just fine.
Brother i have an off-topic question... ARE YOU PERSIAN? just asking cuz im also persian lol
Yes, I am.
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.
I think this plugin is paid
No, It's free