Back to Plugins

SVG Converter
Boosting your workflow efficiency: transforming your icons into code instantly!
svgtocodecodesvgiconcsshtmlsvgconverterimgsvg
Plugin Preview
About this plugin
Guide for using the plugin to generate SVG code from a selected frame or image
- Launch 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:
<svg>...</svg>
. - The SVG in CSS format will look like this:
background: url(...)
. - The SVG in IMG format will look like this:
<img src="...">
.
- 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
Version | 8 |
---|---|
Created | November 15, 2021 |
Last Updated | February 28, 2024 |
Category | Software development |
Creator | Mit Fleg |
Stats | 2581 installs, 90 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- https://code.jquery.com
More Like This
Discover other plugins in the Software development category.