Skip to main content

Hi team, I’m really hoping someone can help me, I’ve started to use Figma and when I first started I was able to copy and paste vector graphics from illustrator to Figma without any issues, now all of a sudden the vectors are coming in all broken. See first image below


They still remain as vectors but there are bits missing and lines going everywhere, I have tried all the normal paste properties and clipboard handling settings in both Figma and illustrator. I have tried updating all versions of software as well as reinstalling applications and nothing seems to work.


I’ve also tried to save as an SVG and sometimes this work and sometimes it doesn’t with the outlines not being clean (see second image)


I’m hoping someone on this forum has had a similar issue and has a fix or work around.


Please help this is driving me nuts and is really effecting the way I work, thanks


Screenshot 2024-07-05 at 1.40.25 PM

Hey @Leigh, sorry for the trouble and delayed reply!


This is a long standing bug that our engineers are still trying to fix. This issue specifically happens with icons imported from other apps, where the mirroring on the points is reversed or missing.


Right now, the best workaround is to rebuild affected icons from scratch, and keep in mind that redrawing with fewer points can also help.


The community also has suggested workarounds here:

Hi @Leigh! If you’re still still running into problems like this, I’d love to take a look at this if you have an SVG you can share. (When you copy + paste from Illustrator to Figma, it copies/pastes as SVG, so if you just copy from illustrator and paste into a text box, it should paste the SVG code, which would be helpful! Either in this thread or you can email it to me — lauren@figma.com ). Thanks!

Hi, sorry for the delay back, been a busy couple of weeks, the only solution I’ve found to this so far is to uninstall and reinstall illustrator and or Figma, then the system seems to right itself. the only other thing I’ve found that can help (not always) is adjusting the clipboard handling in either program, turning that on/off can sometimes help

Hi @Lauren_Budorick, I’m reviving this because I have the same issue and it’s quite detrimental to our workflow. I’ve tried straight copy/past, exporting as svg, as well as saving as svg and all have the same issue, similar to OP. From what I can tell, it happens most prominently when using the Divide Pathfinder tool in Illustrator. Please see attached screenshot as well as the svg file.


SVG File

Uploading: Screenshot 2024-11-18 at 12.32.05 PM.png…

Hi @Nate_Baltikas! I think your screenshot didn’t upload unfortunately. But I’ve tried uploading that SVG into Figma and as far as I can tell, it looks the same on my computer (Finder preview/Chrome preview) and in Figma.


I do see this little squiggle at the bottom of the black circle; is that what you’re referring to? (attaching screenshots of what I see both on Figma and MacOS Finder preview).


image


image


If this what you are seeing, I think this is a decimal precision issue when exporting from Illustrator. Try going to Export > Export for Screens, and you can change your decimal precision for SVG settings. (As far as I can tell, this setting will persist after setting it in export settings, even if you don’t export from here / including copy and paste / even if you quit and restart Illustrator, so you should 🤞 only have to do this once.)



Thanks Lauren. Setting the decimal precision to 3 seems to be helping now. It also, at least on these simple forms, works for copy/pasting as well as svg export. I’ll stress test this and reply if the issue remains. This is a big help if it stands. tyty!

Reply


Terms & ConditionsCookie settings