Figmotion

Animation tooling right in Figma

Figmotion is an animation tool built right in Figma. This makes the entry into animation easier and more convenient as there is no need to switch to a completely separate motion tool such as Principle, Haiku or After Effects.
discussion
Would you recommend this product?
11 Reviews5.0/5
Gustav MårtenssonUX/UI Designer
Awesome to be able to animate in Figma!! Would be great if you could cmd+z. Also, the Json dosen't work with Lottie. Please make that happen!! That would be huge!!
Share
Liam Martens
Maker
Developer & Designer at Freighter
Hey guys As a Figma user I have struggled with animations for a while as the integration with third party animation tools has been quite scarce or inconvenient. This is why I have created Figmotion, an animation tool built straight into Figma using their newly released plugin functionality. This is the first time designers will be able to create animations without ever even leaving Figma making the process much more convenient. As this is the first public release of Figmotion, I would love to hear your suggestions, feedback and comments. Be sure to tweet your animations at me using #figmotion, I would love to see all the amazing stuff you guys come up with! Happy animating!
Share
Any tutorials on how to use the JSON export? I was hoping I could just throw it into Lottie and it would just work but sadly not :(
Share
Liam Martens
Maker
Developer & Designer at Freighter
@harry_aldian Sorry for the late answer, only just saw the comment. At this time the JSON export is mostly a reference to your developers so they have a good understanding of how the animation is created (better than just guessing from a visual). It has been requested to create a runtime for the JSON export but that is something for later.
Share
@liammartens this would incredibly helpful! Looking forward to it, congrats for the plugin, thank you!
Share
Gilbert UmehI am just me
@harry_aldian @liammartens Please what is the update on this topic because it giving me and my team a lot of headache as to how to make the JSON file work. Thanks for bringing Figmotion to Figma.
Share
wow I'm just on emotions
Share
Fantastic plugin, now I don't waste time on recreation elements to make an easy interaction in AE, and built-in feature to render in gif with Loop/No Loop feature is working just great! Figmotion save me a lot of time. Would be great if there was an option to change the position of more then one keyframe at a time, other then that, all work right.
Share
I just found, that Figmotion renders a transparent gifs 😍
Share
Liam Martens
Maker
Developer & Designer at Freighter
@bariilich will definitely be looking into moving multiple keyframes at a time etc
Share
@bariilich Could you tell me how you do this because I cannot make this work (my background for the GIF stays white, whatever I do in figma/figmotion. Thanks already!
Share
Hunting down comments...