Svg Code Copy
by Johan
SVG code to clipboard in a blink of an eye!
Installs
1,091
Likes
90
Users
12,931
Views
20,736
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 useHow 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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.