Back to Plugins
Svg Code Copy
SVG code to clipboard in a blink of an eye!
utilitysvg assetssvg exportstreamlinesvgsvg copystreamline workflowcode-generators
Plugin Preview
About this plugin
Say sayonara to the boring task of exporting graphics as SVGs and opening them in a text editor to get the SVG code.
With this plugin, the SVG code is just a click away! You simply select the element you want, hit a button, and voila: your SVG code is ready for use
How to use:
- Select the desired vector graphic, fram group or text layer in Figma.
- Click "Generate SVG code". The SVG code appears in the plugin textarea.
- Optional: Check 'Remove fill attributes' to remove all fill attributes. Check 'Set width & height to 100%' to make dimensions flexible.
- Click "Copy to Clipboard" to copy the SVG code.
Note: The plugin doesn't support images.
Plugin Details
| Version | 1 |
|---|---|
| Created | June 25, 2023 |
| Last Updated | June 25, 2023 |
| Category | Software development |
| Creator | Johan |
| Stats | 901 installs, 75 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:code.js
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.