Some SVG gradients are missing

SVG gradients are not rendered correctly when importing this image in AdobeXD.
See the reference file with embedded bitmaps to see how it is rendered compared to how it should be rendered.

22 votes

EmanueleSabetta shared this idea · Apr 24, 2016 · Flag idea as inappropriate… · Admin →

feature-in-the-backlog ·

AdminPeter Flynn (Software Engineer, Adobe) responded · Jun 2, 2016

SVG gradients that rely on `gradient-transform` don’t import well yet. Other gradients, including most gradients created in AI, should import just fine already.

Show previous admin responses (2)

7 comments

An error occurred while saving the comment

Brad Ward commented · December 3, 2021 7:41 AM · Flag as inappropriate

I found a workaround.
1. Select the shape with the errant gradient.
2. Select the color fill in the properties panel. It should appear as a "gradient" even though one doesn't render in your object.
3. Change the gradient type to one of the other gradient types (i.e change from linear gradient to radial gradient). The gradient appears in the shape but is the wrong type.
4. Change the gradient type BACK to what it should be. The gradient now renders correctly.

Submitting...
Jarek commented · February 24, 2021 3:01 AM · Flag as inappropriate

Adobe? Can anyone respond?

Submitting...
Simon Damstra commented · February 17, 2021 6:44 AM · Flag as inappropriate

I have the same problem. I'm trying to import an SVG in XD and it loses multiple layers of coloring. I have no idea how to fix this, but having a solution would really make my day!

Submitting...
Byungsam Yoo commented · December 23, 2020 5:13 PM · Flag as inappropriate

Tomorrow is Christmas.
The same gradation object paste error has occurred in my work. For me, I also searched Google and YouTube reviews to solve the gradation error in my work. However, Illustrator and XD. There is still no news of the ability to patch or correct gradient object errors for both applications.

Submitting...
Natalya commented · November 30, 2020 4:05 PM · Flag as inappropriate

Any update on this bug? I have the latest Illustrator version and SVG gradients are still randomly dropping out.

Submitting...
Chris Millar commented · May 4, 2017 11:47 AM · Flag as inappropriate

As a user, I would like Xd to handle SVG gradients consistently and reliably.

Details
The only way I could get this particular vector art to work was to expand the gradient into 256 segments in Illustrator.

Expected Results
Gradients look the same in Xd as they do in other pieces of software.

Observed Results
Gradient defaults out to an organ color despite different grouping / flattening techniques.

Submitting...
EmanueleSabetta commented · March 29, 2017 1:04 PM · Flag as inappropriate

Any update on this? SVG support is fundamental.

Submitting...