[Import & Export]-Svg distorted when scaling down even with responsive resize turned off in XD.

[andrav55485445]

The image below - inserted to xd and scaled down by hand while holding shift (let's say to 28.85px) gets deformed, even if responsive resize is turned off.

https://image.flaticon.com/icons/svg/747/747310.svg

[andrav55485445]

I see the distortion doesn't happen if you manually insert integer dimension or if you are lucky to stumble upon an integer value while scaling by dragging (which is not easy). 

[HARSHIKA_VERMA]

Hi there,

Thank you for reaching out and using XD. Based on what you said, it looks like the svg is getting distorted when resized. Would you mind checking this post: https://community.adobe.com/t5/adobe-xd/design-adobe-xd-resize-svg-without-distortion/td-p/10880105?... which seems to be similar to your query? Could you please check and if this is same, please submit your feedback and upvote the request to add your voice?

Hope it helps.

Thanks,

Harshika

[andrav55485445]

Hi! I don't think the scaling tool (https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17480839--scaling-...) will completely solve this issue! In this case, scaling works at integer values! So i would say it's another issue, what do you think?

[Khan5C65]

I also had the same problem... but think i solved it. So, after drawing your icon on Illustrator, just convert it into shapes (by expanding), then using shape builder tool just make it complete one. And then when importing in XD scaling will work in a proper way. Interesting fact, that that problem doesn't occur with all drawn icons

I hope will be helpful. Orkhan O.

[Dan Rodney · Accepted solution]

It has to do with pixel snapping. Ungroup it, and then click the Add button (to the right of Repeat Grid) at the top right of the Properties Inspector on the right of the screen.