Franz666 Posted January 6, 2021 Posted January 6, 2021 I would like that when I copy-paste an object from Designer to Figma, it shoud remain a vector rather than being converted to an image. Note: with Illustrator it remains an (editable) vector, very useful. lokoloko, KokerSzpaner, ashf and 2 others 5 Quote
ashf Posted February 9, 2021 Posted February 9, 2021 +1 Figma is #1 UI design/prototyping tool now. Figma support is important.https://uxtools.co/survey-2020/ P.S. Figma consider this problem is on Affinity side.https://help.figma.com/hc/en-us/articles/360040030374-Copy-assets-between-design-toolshttps://forum.figma.com/t/copy-and-paste-svg-from-affinity-designer/608/2 lokoloko and KokerSzpaner 2 Quote
Niall123492 Posted February 9, 2021 Posted February 9, 2021 +1 I use Figma for Web/UI Design and Affinity for everything else. Having this compatibility would be great. KokerSzpaner and ELeeNah 1 1 Quote
lokoloko Posted February 16, 2021 Posted February 16, 2021 any feedback for this issue? extremely useful Quote
Evren Posted February 25, 2021 Posted February 25, 2021 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. waveman777 1 Quote
Raph on the Moon Posted February 26, 2021 Posted February 26, 2021 (edited) Go to Preferences>General and tick "Copy object as SVG" (Not sure about the exact term, I am using Afinity in French ;) ) If you copy paste from Affinity to Figma you will get your object in vector. Edited February 26, 2021 by Raph on the Moon randomjames and ELeeNah 2 Quote
Evren Posted February 26, 2021 Posted February 26, 2021 Sorry but it is not working on mac. Pasting results in no action at all. Nothing happens. Only if i deselect copy as SVG it pastes as bitmap. Quote
Guest Posted February 26, 2021 Posted February 26, 2021 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. Quote
smlsvnssn Posted April 14, 2021 Posted April 14, 2021 +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. Quote
smlsvnssn Posted April 14, 2021 Posted April 14, 2021 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;"> thedivclass 1 Quote
Evren Posted April 14, 2021 Posted April 14, 2021 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. Quote
Guest Posted April 14, 2021 Posted April 14, 2021 copy-paste-to-figma.mp4 Here's a video capture of my experience copy/pasting from Affinity Designer into Figma. Quote
ashf Posted April 15, 2021 Posted April 15, 2021 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> Quote
Dan C Posted May 7, 2021 Posted May 7, 2021 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 ashf, kenmcd and smlsvnssn 3 Quote
smlsvnssn Posted May 9, 2021 Posted May 9, 2021 Fantastic! It'd be great if you fixed this, since it is an essential part of my (and I'm guessing quite a few other's) workflow. Thanks! Quote
smlsvnssn Posted January 13, 2022 Posted January 13, 2022 @Dan C Hi! Any progress on this issue? Quote
Dan C Posted January 13, 2022 Posted January 13, 2022 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 BelAffinity 1 Quote
ashf Posted January 13, 2022 Posted January 13, 2022 @Dan C Please check this about viewbox for compatibility with other apps. behavior of viewbox option might not be good. Quote
velarde Posted October 15, 2022 Posted October 15, 2022 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. Quote ------------------------ Fernando Velarde www.velarde.com Instagram.com/soyfervelarde
Aaron Martin Posted October 18, 2022 Posted October 18, 2022 On 10/15/2022 at 10:02 PM, velarde said: 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. +1 Quote
Aaron Martin Posted April 27, 2023 Posted April 27, 2023 There is, its not 1x1 anymore. Its 100x100 ashf 1 Quote
ashf Posted November 7, 2023 Posted November 7, 2023 Wow I just noticed now. Finally I can paste an artwork to Figma!! Quote
Recommended Posts
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.