Jump to content

Copy paste vector to Figma

Franz666
 Share

Recommended Posts

  • 1 month later...
  • 2 weeks later...
Evren

Evren

Posted
Posted

Hello everyone,

I wanna start by mentionning that i am a big fan of affinity suite. For 3 years now, i am trying to ditch Adobe and switch to Affinity. But whenever i try to do some real life work, this copy paste issue shows up. I can't paste to Keynote, i can't paste to Figma (with keeping the vector properties). I think affinity team should put a little more focus on real time workflows instead of adding new shiny tools. With every new major/minor update i check the list of new features with the hope of seeing this improvement with no luck so far. 

Guest

Guest

Posted
Posted

I actually get a VERY tiny SVG (1pt x 1pt) image pasted into Figma from Designer (on macOS using Copy As SVG or an SVG exported from Designer), which I then have to figure out how to scale up to normal size (incl. strokes). I didn't think it was working at all for the longest time, but just the other day I noticed that it was indeed pasting 'something' into Figma, just completely the wrong scale. Also, quite often the artwork you've copied is way off from the frame that's created for it - meaning you can't see it as it's outside the frame. If you move the group outside of the frame you should be able to see it (still very, very tiny) in order to scale it up.

It's not an ideal workflow by any means, but IF you absolutely need to get SVG from Affinity into Figma either via copy/paste or from an SVG exported from Designer it kinda sorta works.

  • 1 month later...
smlsvnssn

smlsvnssn

Posted
Posted

+1 On this issue. I get the same result, 1x1 pixel in Figma. It could be fixed simply by adding a viewBox property to the copied SVG, in order to keep size/proportions.

smlsvnssn

smlsvnssn

Posted
Posted

Slight edit: The issue is not a missing viewBox prop, rather the width/height need to be set in absolute values.

Doesn't work:

<svg width="100%" height="100%" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
 

Works:

<svg width="500px" height="500px" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
 
Evren

Evren

Posted
Posted
On 2/26/2021 at 7:02 PM, Bryan Rieger said:

I actually get a VERY tiny SVG (1pt x 1pt) image pasted into Figma from Designer (on macOS using Copy As SVG or an SVG exported from Designer), which I then have to figure out how to scale up to normal size (incl. strokes). I didn't think it was working at all for the longest time, but just the other day I noticed that it was indeed pasting 'something' into Figma, just completely the wrong scale. Also, quite often the artwork you've copied is way off from the frame that's created for it - meaning you can't see it as it's outside the frame. If you move the group outside of the frame you should be able to see it (still very, very tiny) in order to scale it up.

It's not an ideal workflow by any means, but IF you absolutely need to get SVG from Affinity into Figma either via copy/paste or from an SVG exported from Designer it kinda sorta works.

This is what happens when i import an Affinity SVG file without resizing while importing (by holding down the mouse and resizing) but if this was the case with copy paste i would at least see a new layer, even with 1x1 px, but nothing happens.

ashf

ashf

Posted
Posted
On 4/14/2021 at 5:56 AM, smlsvnssn said:

Slight edit: The issue is not a missing viewBox prop, rather the width/height need to be set in absolute values.

Doesn't work:

<svg width="100%" height="100%" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
 

Works:

<svg width="500px" height="500px" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
 

 

Copying an object in Illustrator gets svg like below. it has width/height attribute in px unit. so it seems to be the cause of problem in Affinity. 

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="428.6px"
	 height="428.6px" viewBox="0 0 428.6 428.6" style="overflow:visible;enable-background:new 0 0 428.6 428.6;"
	 xml:space="preserve">
<style type="text/css">
	.st0{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
</style>
<defs>
</defs>
<rect x="0.5" y="0.5" class="st0" width="427.6" height="427.6"/>
</svg>

 

  • 3 weeks later...
Dan C

Dan C

Posted
Posted
On 4/14/2021 at 1:56 PM, smlsvnssn said:

Slight edit: The issue is not a missing viewBox prop, rather the width/height need to be set in absolute values.

Doesn't work:

<svg width="100%" height="100%" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
 

Works:

<svg width="500px" height="500px" viewBox="0 0 9578 8158" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">

Thanks for the information provided here!

As confirmed in the below thread, I have logged this with our developers to ensure they are aware of this and to request an option to copy SVGs to clipboard using 'absolute' values.

I hope this helps :)

  • 8 months later...
Dan C

Dan C

Posted
Posted

Unfortunately there's not yet been any progress on this development log, my apologies - however this is logged as an improvement, rather than a bug as the Affinity app is technically working as expected when copying the SVG data with relative values.

Improvements are not as time critical as bug fixes and therefore have a lower priority for our developers, however I'll be sure to 'bump' this request once again for you now :)

  • 9 months later...
velarde

velarde

Posted
Posted

Starting to use Affinity Designer to make vector art for Figma. 

Glad I found this post. Hopefully v2 of the suite would have an improved workflow for Copy and Paste.

It kind of works but it's a hassle to resize the 1x1 pixel artboard that is pasted into Figma every time I bringing an asset from Designer.

 

 

------------------------

Fernando Velarde

www.velarde.com

Instagram.com/soyfervelarde

  • 6 months later...
  • 6 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.