Back to Plugins
Svg Code Copy

Svg Code Copy

SVG code to clipboard in a blink of an eye!

utilitysvg assetssvg exportstreamlinesvgsvg copystreamline workflowcode-generators

Plugin Preview

Svg Code Copy 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:


  1. Select the desired vector graphic, fram group or text layer in Figma.
  2. Click "Generate SVG code". The SVG code appears in the plugin textarea.
  3. Optional: Check 'Remove fill attributes' to remove all fill attributes. Check 'Set width & height to 100%' to make dimensions flexible.
  4. Click "Copy to Clipboard" to copy the SVG code.


Note: The plugin doesn't support images.

Plugin Details

Version1
CreatedJune 25, 2023
Last UpdatedJune 25, 2023
CategorySoftware development
CreatorJohan
Stats717 installs, 61 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none