Highlighted

Drop shadow not embeeded when I export XD page to SVG

Community Beginner ,
May 30, 2017

Copy link to clipboard

Copied

I'm Win 10 user with latest adobe XD version.

I tried to export XD page with shadow inside to svg. Then I open svg in latest ver Illustrator CC, but I lost my shadow.

Any someone can fix it?

regards

Deto

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

I see the same behavior on my Mac. Illustrator doesn't always interpret SVGs perfectly. SVG files are a coded file and Illustrator doesn't seem to support the way that XD is coding the shadow. The SVG should be fine for use in a webpage though.

Views

1.8K

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

Drop shadow not embeeded when I export XD page to SVG

Community Beginner ,
May 30, 2017

Copy link to clipboard

Copied

I'm Win 10 user with latest adobe XD version.

I tried to export XD page with shadow inside to svg. Then I open svg in latest ver Illustrator CC, but I lost my shadow.

Any someone can fix it?

regards

Deto

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

I see the same behavior on my Mac. Illustrator doesn't always interpret SVGs perfectly. SVG files are a coded file and Illustrator doesn't seem to support the way that XD is coding the shadow. The SVG should be fine for use in a webpage though.

Views

1.8K

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
May 30, 2017 1
Adobe Community Professional ,
May 30, 2017

Copy link to clipboard

Copied

I see the same behavior on my Mac. Illustrator doesn't always interpret SVGs perfectly. SVG files are a coded file and Illustrator doesn't seem to support the way that XD is coding the shadow. The SVG should be fine for use in a webpage though.


— Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor

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 30, 2017 0
New Here ,
Dec 03, 2019

Copy link to clipboard

Copied

I am encountering this issue when exporting artboards to PDF. It used to be that the shadows would export (but at poor quality), but now it just not longer exports at all. I am running Adobe XD v24.4.22.1 on macOS Mojave (10.14.6).

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...
Dec 03, 2019 1
New Here ,
Sep 16, 2020

Copy link to clipboard

Copied

I have the same problem, is there a solution or work around for it ?

 

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...
Sep 16, 2020 1
Explorer ,
Sep 18, 2020

Copy link to clipboard

Copied

I have the same problem with very simple shapes- a gray square box with a plus sign. The square has a drop shadow for hover and the white plus sign centered inside the square gray box has a small drop shadow as well. It looks correct when exported to Zeplin but the SVG download from Zeplin, when opened in Illustrator, does not render at all. This is happening site-wide. The developers are telling me I can't add a dropshadow within a vector shape. That is an extreme blocker for design. Any suggestions? I've abandoned many other effects that render terribly in SVG export, including Adobe Stock .ai files I've placed. Anything with a drop shadow and/or filter are not usable. Could really use some help with this. 
I'm working in Adobe Cloud on an iMac, OS High Siera, 10.13.3 and up to date on apps. 

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...
Sep 18, 2020 0