Skip to main content
Solved

Copy and paste SVG from Affinity Designer


uixmate

Hello,
I’m thinking about to switch from Illustrator to Affinity Designer. One of the first things that I tried was copy and paste vector from Aff. Designer to Figma (copy-paste from Illustrator works fine).

SVG is pasted into Figma project, however the size of the object is always set to 1px * 1px. So, in lot of cases, it deforms pasted object.

The difference between SVG copied from Illustrator and Designer is that SVG from Illustrator has defined width and height on SVG element:
<svg width=“100px” height=“100px” …

and copied SVG from Affinity Designer looks like this:
<svg width=“100%” height=“100%” …

Any ideas how to solve this problem? I don’t want to save each SVG from Affinity before importing to Figma 😦

Thanks in advance!

Best answer by Josh

@uixmate I think this is actually an Affinity Designer issue. There are different ways to write certain things in SVG and not all programs support all the different ways. From my understanding AD would need to change how they export their SVGs for Figma to import them properly.

View original
This topic has been closed for comments

12 replies

Steven
  • 122 replies
  • February 4, 2021

Hello, I don’t think there’s a trick to it. I recommend reaching out to the support team (via email or the in-app widget) and or create a Product ideas topic to describe your need.


Josh
  • Former Community Manager
  • 1019 replies
  • Answer
  • February 4, 2021

@uixmate I think this is actually an Affinity Designer issue. There are different ways to write certain things in SVG and not all programs support all the different ways. From my understanding AD would need to change how they export their SVGs for Figma to import them properly.


Jarno
  • 2 replies
  • January 10, 2022

I have this same problem. Would be great to paste from Affinity Designer.


Constantine_Zuev

If your SVG has width and height set to 100% how do you expect Figma should interpret it? Use frame size? Use fixed size like 100x100px? I don’t think this will especially useful.

This request is better be sent to Affinity Designer team, so they can integrate with Figma better.


Jarno
  • 2 replies
  • January 12, 2022

Thanks Constantine. Will contact Serif.


Emmanuel_Akujobi


I unchecked “Set View box” and it worked, but with few adjustments.


Chrtz
  • 63 replies
  • December 4, 2022

There are some comparison lists how different tools handle SVG export/import and how precise they are.

Unfortunately, Affinity Designer was pretty bad back then (last time I checked, must be at least two years ago — so I don’t know about Affinity Designer V2).


Stan5
  • 35 replies
  • January 7, 2023

The answer above yours works anyway


  • 1 reply
  • September 25, 2023

Guys. I think Affinity Designer 2 has fixed this problem. You can now copy from AFDesigner and past to Figma. It has funny group nesting within it but it actually is now recognised by Figma as a 1:1 vector that is editable. Give it a try!

Much love and respect for Serif for making this happen


Gustavo_Forster

I can’t even paste as a vector from Affinity Designer 2.2. It just pastes as an image in Figma. The options are already set to copy objects as SVG in AD. Any suggestions?


Gustavo_Forster

Ok never mind. Since I updated Affinity Designer it is now pasting as a vector normally.


Elsa_Bartley

I have a new bug with Affinity Designer (using v1.10) Copy as SVG is selected in Affinity settings, but pasting in Figma gives me an image, unless I paste it into Notes (not tried other apps yet). Once pasted into Notes (without copying it again) if I paste in Figma, it now pastes as an SVG.

This is really weird, anyone got any ideas why this might be? I don’t even know where the bug is as I’m not changing the thing that’s copied. I did just upgrade my Mac, but don’t know why that would affect this, but it worked fine on my older MBP.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings