Highlighted

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

New Here ,
Apr 08, 2020

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

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.

TOPICS
Import and export, Product performance

Views

555

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Apr 08, 2020

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Dan Rodney | Adobe Community Professional

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.

TOPICS
Import and export, Product performance

Views

556

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Apr 08, 2020 0
New Here ,
Apr 08, 2020

Copy link to clipboard

Copied

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). 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 08, 2020 0
Adobe Employee ,
Apr 09, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 09, 2020 1
New Here ,
May 01, 2020

Copy link to clipboard

Copied

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?

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 01, 2020 0
New Here ,
Aug 12, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 12, 2020 1
Adobe Community Professional ,
Aug 13, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 13, 2020 1