Creating animations in Figma can be a bit limited compared to dedicated animation software, but you can still achieve some basic animations and transitions. To enhance your animation capabilities in Figma, you can use plugins and external resources. Here’s a list of Figma plugins and resources for animation:
Figma Plugins:
SVG motion
The plugin animates vector lines with the “Stroke” property. You can quickly create animations of logos, backgrounds, titles, loaders and many more.
You can export the animation in SVG, GIF, and Webm formats.
Click for Plugin
SParallax
The plugin brings a beautiful parallax effect to your Figma designs. It automatically arranges your layers in 3D perspective, and lets you easily translate any mouse or scroll or zoom-scroll movements to the parallax animation! The best part is that you can export the animation in HTML, SVG, GIF, and Webm formats.
Click for Plugin
Lottie animations for your designs.
Core Features:
Export your Figma designs as production-ready Lottie animations, and use them across your websites or apps.
Access a library of over 80,000+ free, ready-to-use animations
Bring your privately previewed animations to Figma
Bring your team’s private Lottie animation library to Figma
Personalize animations using our custom brand color palette
Insert animations as GIF
Insert animation frames as high-quality SVGs
Click for Plugin
Motion – UI and Games animation
Easily animate everything. Use advanced animation techniques. Share your design in any format: gif, mp4, webm, svg, sprites, frames, css, dev.
Documentation
You can learn some basics of how to use the plugin in this community file
Click for Plugin
Blazy
Say goodbye to the challenges of motion design and embrace the power of Blazy, the ultimate Figma plugin that transforms your static designs into stunning animations with ease.
Leave behind the time-consuming struggle of manual animation editing. With Blazy, transform your designs into engaging animations instantly, eliminating the need for complex timelines.
It will give you more than 40 animation types and scene management to control your animations.
Click for Plugin
Figmotion
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. Figmotion makes the animation hand-off to developers more manageable as well as it is built with web technologies in mind.
Click for Plugin
Beatflyer
Animate your artboard in a few clicks using several highly configurable visual effects. If you add a soundtrack, the effects can be animated using several audio signals.
Click for Plugin
882 total views, 3 views today