SVG Converter
Boosting your workflow efficiency: transforming your icons into code instantly!
Plugin 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
| Version | 8 |
|---|---|
| Created | November 15, 2021 |
| Last Updated | February 28, 2024 |
| Category | Software development |
| Creator | Mit Fleg |
| Stats | 3148 installs, 124 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.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code