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 image

  1. Launch the plugin and authenticate.
  2. 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: <svg>...</svg>.
  • The SVG in CSS format will look like this: background: url(...).
  • The SVG in IMG format will look like this: <img src="...">.
  1. The selected frame will be converted into code and automatically copied to your clipboard.
  2. 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
Stats2581 installs, 90 likes
PricingFree

Technical Details

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