question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

I 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:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:15 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
aldergcommented, Mar 17, 2021

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.

2reactions
turadgcommented, Mar 17, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found