logo davv
svg motion

Plugin for figma
that animates lines
in one click

Buy plugin for $78 $39
figma ui ui plugin svg motion

The plugin animates stroke lines

demonstration of the plugin

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.

Demonstration of the plugin

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

Animation 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.

Parallax svg motion

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

Creation speed

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.

Ae

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.

Time Circle

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.

UI advantages

The simple and intuitive interface makes animation creation accessible even for beginners.

Buy plugin for $78 $39
Figma logo

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

Export

All animations can be easily added to website. Just save it in SVG and share with developers.

export gif export webm export svg
Webflow logo Readymag webm Notion svg

The Figma Present mode supports
only GIF and MP4 formats.

Pricing

Free plan

Animation type

check icon

Direct

Settings

check icon

Speed

Export

check icon

svg, gif, webm

Try it out

PRO account

Animation type

check icon

Direct

check icon

Loader

check icon

Loader shift,

check icon

Loader shift delay

Settings

check icon

Speed

check icon

Rupture ratio

Random line

check icon

Size

check icon

Speed

check icon

Shift

Library

check icon

Templates

Export

check icon

svg, gif, webm

Buy for $78 $39

The standard VAT rate may be charged, following the law of your country

logo svg motion

Plugin for figma
SVG Motion

Parallax ava

Parallax

Parallax preview Try it out
Physics animation

Physics animation

Parallax preview Try it out
Physics animation

Shape move

Try it out
Оплатить зарубежной картой можно через gumroad Buy plugin for $78 $39 Если зарубежной карты нет, пишите нам в telegram @anna_shvedyuk svg motion