Skip to main content

Hello,

 

I have an issue that’s bugged me for years here. Illustrations I make in Adobe Illustrator seem to scatter a bit (position) when imported into Figma. This doesn’t always happen for larger illustrations (sometimes the paths still go astray), but the smaller svgs seem to have real issues interpreting these paths and tangents most times.
For example, here’s illustrations made on a 40x40 px artboard.

 

Illustrator file
Illustrator file zoomed in

However, when I import this to Figma, everything scatters to some extent.

Figma screenshot of same svg

Is it impossible to import small svgs exactly? Is there something I’m doing wrong? Can anyone help me out…


Cheers...

I’m having a similar issue. This is an icon SVG my company’s product uses. There are two variants, one at 74px height and one at 62.9px height. The icon uses a shape with an inner stroke at 6px wide with a dashed line.

In the screenshot above, Figma is on the left and Illustrator is on the right. In Illustrator, I have this stroke fully expanded and it looks fairly normal. However, when importing into Figma this icon becomes distorted and certain points feel scattered. I tried to combine the expanded shape into a compound path and then reimported into Figma, but unfortunately there were still issues. Additionally, I tried to recreate the shape from scratch in Figma using the original vector shape, but this time it turned out even worse because Figma did not like the complexity of dashes in this shape. 

I’m not sure what’s going on or why Figma is causing the SVG to import so strangely. I turned off my snap to pixel option thinking maybe that was an issue, but the shapes imported the exact same. 

Reply


Terms & ConditionsCookie settings