Copy as SVG
See original GitHub issueI need to copy diagrams to Figma, and the way to do it is via SVG. Figma can paste SVG file contents in vector form, so it’s best to use SVG and not PNG.
Describe the solution you’d like
An additional menu action next to Copy as Image
, like “Copy Advanced…” where one can select format, borders, background, etc, same as for export. The only difference is that it is not saved to file but copied to clipboard.
A different, may be simpler approach would be to add “Copy to Clipboard” to advanced export dialog in addition to “Export” button.
Describe alternatives you’ve considered I’ve tried Embed command, and while it can gives me SVG, it is way too long to interactively integrate parts of diagrams into large design work.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:15 (3 by maintainers)
Top Results From Across the Web
Copy SVG Images from Browser to Clipboard - Stack Overflow
Paste that text into a text file and then save the file with an SVG extension. It can then be opened in any...
Read more >How to Copy an SVG from Your Website - YouTube
Title: How to Copy an SVG from Your Website — then edit the SVG with Inkscape Author: Justin Young, CEO, and founder of...
Read more >How Copy SVG Code From Figma? - WebsiteBuilderInsider.com
This can be done by going to File > Export > Export As.. and selecting the “SVG” option from the drop-down menu. PRO...
Read more >Copy Vector SVG Icon - SVG Repo
Free Copy Vector Icon in SVG format. ✓ Download Free Copy Vector and icons for commercial use. Copy SVG vector illustration graphic art...
Read more >The easiest way to download SVGs from a website
A new tab will be opened displaying all SVGs. From there, locate the SVGs you're after and either download the SVG as a...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
The problem with copy as svg is that the clipboard API does not currently allow image/svg to be written to the clipboard. We tried writing an
tag with a SVG data URI as text/html, but Figma and most other image editing apps are not reading text/html from the clipboard. The best solution for now is copy as image with a higher resolution, which will be available in the next release.
Thanks @alderg for the explanation. Maybe once https://www.chromestatus.com/feature/5125790490427392# is done.
Meanwhile for users looking for a work-around: you can “File : Export as : SVG…” and then check “Selection only”. Then place that asset file where you would have pasted SVG.