SVG Export

About this plugin

Save time exporting sets of SVGs by creating and assigning presets to optimize your exports. Works great for making icon libraries use clean and consistent SVG code. Optimization uses svgo (https://github.com/svg/svgo) under the hood.Reduce SVG file sizesSee how options affect the code and appearance of icons in real timeUse currentColor css property for icons that automatically inherit text colorUse layer names as classesCreate and manage presets for different types e.g. single color icons, illustrations, layers for animationExport to a .zip file or svg sprite sheet containing all of your selected layersAnyone on your team can see and modify presets on a fileComes with 3 pre-made presetsDefault: Just reduces file size, shouldn't break anything.Monochrome: Strips out all fills and strokes, uses currentColor as fill on the SVG element.Layer Names -> Classes: Uses your layer names in Figma as classes in the SVG code.Creating your own presetsClick Edit presetsClick the plus button in the top rightName and configure the options for your presetSharing presetsBy default, all presets on a file can be seen and used by anyone with access to the file. Presets are saved on the file, so don't carry across if you create or edit a different file. To keep your presets, click the ... more icon in the presets panel and export your presets from one file, open up your new file, and choose the import presets option from the same menu.