Skip to main content
D
detowulung
Participating Frequently
May 31, 2017
Answered

Drop shadow not embeeded when I export XD page to SVG

  • May 31, 2017
  • 5 replies
  • 5310 views

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

      This topic has been closed for replies.
      Correct answer Dan Rodney

      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.

      5 replies

      M
      mowglivj
      Inspiring
      June 29, 2021

      same problem here, yet another bug to the evergrowing list

      melaniebasspollard
      melaniebasspollard
      Known Participant
      September 18, 2020

      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. 

      lukasl82250519
      lukasl82250519
      Participant
      September 16, 2020

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

       

        K
        khaggerty-mld
        Participant
        December 3, 2019

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

          Dan Rodney
          Community Expert
          Dan RodneyCommunity ExpertCorrect answer
          Community Expert
          May 31, 2017

          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
          Terms & ConditionsAccessibility statement
          Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices