Plugin for figma
that animates lines
in one click
Buy plugin for $78 $39
The plugin animates stroke lines
Make sure you have added a color in Stroke.
SVG motion
The plugin animates vector lines with the "Stroke" property. You can quickly create animations of logos, backgrounds, titles, loaders and many more.
Select a color in Stroke and add Layer blur effect.
The plugin supports Layer blur effect
SVG motion
The plugin supports a range of effects such as blurring, blending modes, overlays, and even lets you use images in place of line color.
Animation in UI
Add a few colors to the stroke property to get an interesting effect.
Video tutorial →
SVG motion
Such icons can be provided to developers in SVG format with pre-configured animation. That significantly saves the development time and ensures that you get the exact animation result that you planned.
SVG motion + Parallax (plugins combination)
When you customize an animation using the SVG Motion plugin, the animation settings will be saved and supported in the Parallax plugin.
What You Get
High animation creation speed
With high-quality SVG animation and low weight, the website's loading time won't slow down.
Example of the SVG animation *Open this file in your browser.
The animation is created directly in Figma, without the need for external programs.
The library of pre-set animation templates helps inspire and speed up the process of creating animations in your projects.
The reduced development time, as the developer doesn't need to program the animation from scratch.
😈
The developer won't be able to mess up the animation, as the result will be exactly what you've set.
The simple and intuitive interface makes animation creation accessible even for beginners.
35 000 + installations in figma
@jdiotte
Very excited about using this - thanks for creating!
@ogrmv
Cool to learn how simple shapes combined with a few adjustments can create sophisticated patterns. Nice work 👍
@rm.2303
I love it, the plugin saves designers lifes. The results are incredibly beautiful!
@mikefats
Such a fantastic plugin 😍 - purchased! Everything is pretty straight forward.
Export
All animations can be easily added to website. Just save it in SVG and share with developers.
The Figma Present mode supports
only GIF and MP4 formats.
Pricing
Free plan
Animation type
Direct
Settings
Speed
Export
svg, gif, webm
Try it out
PRO account
Animation type
Direct
Loader
Loader shift,
Loader shift delay
Settings
Speed
Rupture ratio
Random line
Size
Speed
Shift
Library
Templates
Export
svg, gif, webm
Buy for $78 $39
The standard VAT rate may be charged, following the law of your country
Free plan
Animation type
Direct
Settings
Speed
Export
svg, gif, webm
PRO account
Animation type
Direct
Loader
Loader shift,
Loader shift delay
Settings
Speed
Rupture ratio
Random line
Size
Speed
Shift
Library
Templates
Export
svg, gif, webm
The standard VAT rate may be charged, following the law of your country