Back to Plugins
SVG Converter

SVG Converter

Boosting your workflow efficiency: transforming your icons into code instantly!

svgtocodecodesvgiconcsshtmlsvgconverterimgsvg

Plugin Preview

SVG Converter preview

About this plugin

Guide for using the plugin to generate SVG code from a selected frame or imageLaunch the plugin and authenticate.In the Figma layout, select the frame you need.In the plugin, press the button that corresponds with the desired SVG code format: HTML, CSS, or IMG.The SVG in HTML format will look like this: ....The SVG in CSS format will look like this: background: url(...).The SVG in IMG format will look like this: .The selected frame will be converted into code and automatically copied to your clipboard.Paste the copied code into your code editor by pressing CTRL+V or by right-clicking in the code editor field.

Plugin Details

Version8
CreatedNovember 15, 2021
Last UpdatedFebruary 28, 2024
CategorySoftware development
CreatorMit Fleg
Stats3022 installs, 117 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://code.jquery.com