Jump to content

Recommended Posts

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

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. 

Link to post
Share on other sites

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.

Link to post
Share on other sites
  • 1 month later...

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;">
 
Link to post
Share on other sites
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.

Link to post
Share on other sites
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>

 

Link to post
Share on other sites
  • 3 weeks later...
  • Moderators
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 :)

Link to post
Share on other sites

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...
×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.