SVG Converter

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.