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 | 856 installs, 72 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 - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.