How to Create Lottie Animation using Figma Aninix Plugin

Рет қаралды 55,711

Күн бұрын

🔥 Start using Figma for FREE → bit.ly/TryFigma
🔗 Join our design community here → bit.ly/DX-Community
How to Create Lottie Animation using Figma Aninix Plugin. You can now create and export Lottie animations in Figma. The best Figma plugin to easily and quickly create beautiful animations and export them to gif, mp4, or Lottie formats. Create amazing animations with pre-built templates or create custom animations for more advanced animations.
#Figma #Lottie #LottieAnimation
⏱️Timestamps:
0:00 - Intro
0:42 - Plugin Info
1:24 - Getting Started
2:40 - Plugin Interface
3:54 - Creating Animations
4:14 - Adding Keyframes
6:42 - Demo
6:56 - Export as Lottie
7:12 - Verify Animation on LottieFiles
7:41 - Motion Bezier Curve
8:40 - Animating Fill Color
9:08 - Lottie Export Limitations
9:47 - Microinteraction Animations Demo
🔴 Don't forget to Subscribe. Trust me it's absolutely FREE - bit.ly/SubToDesignXstream 😅
🎉 Join our Whatsapp Community now, it's FREE: bit.ly/DX-Community
You have got some ideas or topics in mind? Please do comment below we will make sure to check it out and do it if possible 🥳
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🌍 Social Media:
↪︎ LinkedIn - / designxstream
↪︎ Instagram - / designxstream
↪︎ Facebook - / designxstream
↪︎ Twitter - / designxstream
↪︎ Website - DesignXstream.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
🏷 Tags: How to Create Lottie Animation using Figma Aninix Plugin, creating lottie animation in figma easy method, export figma animation to lottie, create lottie in figma using plugins, best figma plugins for lottie animations, create easy lottie animation in figma, figma easy plugins for lottiefiles, create lottie in figma.

Пікірлер: 50

@TonyPinkevich 2 жыл бұрын

Hello, my name is Tony and I am the founder of Aninix. Thank you for your feedback! We currently have a lot going on and are constantly working on improving our plugin. I think we will be out of open beta in 1.5-2 months. And during that time, we will support all the described features of Lottie.

@DesignXstream 2 жыл бұрын

Hey Tony, That's awesome to know! This plugin will be a relief to a lot of people who have to switch to After Effects for lottie. Also will help new people explore lottie creation! Cheers ✌🏼

@anonoanon1198 Жыл бұрын

Thanks for this excellent tool Tony.

@w0mblemania Жыл бұрын

Tony, you need to look at your pricing model. The subscription pricing model means this thing is very expensive. Yeah, it's a nice earner for you over time, but the value proposition is rough.

@TonyPinkevich Жыл бұрын

@@w0mblemania Hi, we have a great free version that includes all the features you need, including lottie export. Only features that save time on a daily basis are paid. Subscription make a sustainable profit for our company. Which we reinvest in further development.

@tomerhelzer Жыл бұрын

@@w0mblemania Are you saying $10 a month is expensive?

@coolaman2014 Жыл бұрын

Oh this was the tool you were talking about bro 😅 Looks cool and so well explained 🙌🏻 Will check this out

@DesignXstream Жыл бұрын

Hey Aman, Yes I was talking about this tool. Had a chance to talk with the creators as well and I felt the tool has great potential.

@anistore2639 Жыл бұрын

Thanks man, the tutorial was actually helpful.

@DesignXstream Жыл бұрын

Glad it helped ✌🏼

@tomerhelzer Жыл бұрын

Never seen someone explain key framing better than the guy in this video. Keep it up bro!

@DesignXstream Жыл бұрын

That means a lot! 🙌🏼 Cheers Tomer ✌🏼

@RoxanneAtHome Жыл бұрын

Thank you- This is working superbly for me.

@DesignXstream Жыл бұрын

You're welcome!! Glad you found it useful 👍🏼

@abhisheksinghlodhi6195 4 ай бұрын

epic man you did a great job

@DesignXstream 3 ай бұрын

Cheers ✌🏼

@bySterling 2 жыл бұрын

Think it’s finally time for me to learn Figma!

@DesignXstream 2 жыл бұрын

Yah Figma is getting better and better go for it!

@anhhoang5236 Жыл бұрын

Thank you, got it!

@DesignXstream Жыл бұрын

Great!

@notecopies 11 ай бұрын

Very nice tutorial, thanks!

@DesignXstream 11 ай бұрын

Glad you liked it! ✌🏼

@omkarp9943 Жыл бұрын

Great content bro!! I will gonna try these with some fonts and names

@DesignXstream Жыл бұрын

Awesome! If you share it on instagram or linked do tag @designxstream would love to see it.

@omkarp9943 Жыл бұрын

@@DesignXstream I successfully did it!! TYSM❤️

@tolkokolom2781 2 жыл бұрын

Great tutorial, looking forward to see you in our Discord!)

@DesignXstream 2 жыл бұрын

Sure! Thank you ✌🏼

@lali0050 2 жыл бұрын

awesonme thank you ❤️

@DesignXstream 2 жыл бұрын

Glad you liked it! Cheers ✌🏼

@user-fb6ld4is2i Жыл бұрын

Good stuff!

@DesignXstream Жыл бұрын

Glad you enjoyed it 🙌🏼 😁

@lissyjoy3424 2 жыл бұрын

Great tutorial

@DesignXstream 2 жыл бұрын

Thank you!

@maheshbiruduganti1718 2 жыл бұрын

Very professional and Good

@DesignXstream 2 жыл бұрын

Thank you very much for your inspiring words! 😁

@aloksurendran2736 Жыл бұрын

thanks Man..

@DesignXstream Жыл бұрын

Cheers! ✌🏼

@luneat Жыл бұрын

it is great tip! i followed and made a simple animation. but if i try to put json animation(exported from anianix) into aos, there is an error. my corworker said aos need 4 values(r,g,b,alpha, ex:"c":{"a":0,"k":[1,1,1,1]). even i set 0% for frame fill and background color in aninix plugin, json still has 3 values"c":{"a":0,"k":[0,1,0]}..how should i solve this problem? help..

@DesignXstream Жыл бұрын

Hey, Aninix is still working on its lottie export so not all properties are fully functional yet. You can export the lottie and test it on lottiefiles editor to make sure the animation is working fine.

@1deplatt 2 жыл бұрын

this tool has a long way to go. Not even sure that such a robust tool should be a plugin, with a window sitting on top of Figma. I'd like to see Figma beef up its prototyping capabilities (like Protopie) and be able to export. Lottie file.

@DesignXstream 2 жыл бұрын

Yah it has a long way to go in order to support all properties. But I see that they are on the right path and they are still improving it. Let's hope they crack most of the properties soon!

@tolkokolom2781 2 жыл бұрын

The future will determine whether someone needs our plugin or not, but we enjoy what we build, and we build what we want, and whoever wants to do a lot more than anyone who can:)

@buburayam2303 Жыл бұрын

but how to make it looping , in my case I cant loop the animation

@DesignXstream Жыл бұрын

Hey Rifqi, there is an option to loop the play. However, I would suggest you try the new lottie plugin that is better for creating lottie animations. Link: kzfaq.info/get/bejne/b7uSgdt8u9-XlXk.html