SVG Exporter

Using simple SVG path animations to enhance interactivity

svg exportexportsvg to codesimple animation

Plugin Preview

The SVG Exporter is a simple and fast SVG export tool. It can export SVG files based on your presets.

Features:

Set file prefix
Remove the width and height tags from the SVG, allowing it to respond to the size of the parent element.
Remove colors, you can re-enter them as #FFFFFF, var(--css-variable), or currentColor.
Add gradients, which differ from the Figma canvas in that you can use CSS variables or currentColor to allow for better CSS control.
Simple path animation, if your SVG graphics are drawn with strokes, it can automatically add simple CSS path animations to enhance interactivity, without needing to set animation effects individually for a large number of icons. (the presentation effect has its limitations)