SVG import from PSD not supporting transparency from Photoshop to XD

Question

I am having trouble with transparency and color for certain items on import of an SVG that was originally exported out of Photoshop. Any help is super appreciated.

Here is a quick run down of what I am doing?

Watch Loom Video

My gut is that transparency and things layer FX from Photoshop are NOT supported. Can you please confirm if this is actually the case OR better yet, how to set up my export settings or layers so that I don't have to update them on import?

The other option is to export as PNG and then use transparent buttons in XD for prototyping flow.

Thanks for your time!

Dan Rodney · Accepted Answer

The problem you're seeing lies with Photoshop and how you've built that file than XD. Photoshop does not export vector smart objects to SVG properly. It turns them into embedded PNGs instead of maintaining them as vector. Sad, because it "could" do it... it just doesn't (at least not yet, and I've been waiting years for this to be "fixed"). For Photoshop to export SVG with vectors, the layers must be native Photoshop vector layers (which could be colored using the fill, instead of a color overlay effect).

Converting a full Photoshop design to XD is not currently an easy task.

Giovanni5CD4 · Answer

Good thing I didn't find out about this after creating 114 UI Screens for a web application using Color Overlay for prrety much a 1000 icons. Oh wait.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.