Copy as SVG

[orangy]

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.

[tomyan]

I'd love to see this. I came here to find if there was an issue for configuring the image size/resolution for copy as image - I'm copying images into a presentation and the default resolution is too low. Performing exports takes much longer as I'm iterating on the diagrams and the presentation. Having the copy be a vector format gets around this issue (assuming Powerpoint supports SVGs). Another option might be to add configuration options for Copy as Image - format, resolution, etc.

[gadamiak]

An additional menu action next to Copy as Image…

I think this command is available only in the desktop app. I can't find it in the web version. However, the Copy to image would be very handy there as well.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions. See the FAQ for more information.

[turadg]

Can I contribute to a fund to sponsor this feature?

[alderg]

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.

[turadg]

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.

[Yelfive]

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.

@alderg Is there a chance to provide a dialog with SVG so that we can copy it manually and paste it somewhere else? That saves time against exporting and opening as text.

[alderg]

Try right click the small preview icon in the SVG export dialog, it should have a copy image option.

[Yelfive]

Sorry, but I didn't see such preview icon.

[alderg]

After clicking Export, next to the filename.

[Yelfive]

Can't see the icon either

[davidjgraph]

Which version of the app are you using?

[Yelfive]

14.16.13, Mac Desktop