Skip to main content
Participant
Oct 7, 2020 5:22 PM UTC
Answered

Gradients in Components - On-Canvas Editor Info not Saved

I noticed that if you save a gradient to components, it only saves the colors, it doesn't save the positioning/direction information that you may have applied. Shouldn't the component save all the details of the gradient?

 

In the screen shot below, I created a gradient (the left-most artboard), then saved it as a component. However when I apply the component to other boards, the positioning/direction of the gradient reverts to default (the two boards on the right). Am I doing something wrong? I feel like it should maintain the same positioning/direction so I can make changes across multiple artboards if need be by simply changing the component. I thought that was the whole point of components...

 

    This topic is closed to new replies. Start a new post to keep the conversation going.
    mjhalperCorrect answer
    Participant
    Oct 7, 2020 7:58 PM UTC

    I realized (after I posted) that I should just create a component rectangle with the gradient inside of it, and reuse that... I was creating the gradient as a fill color and saving that as a color asset, not a component. So it is only saving the colors in the gradient, which I understand.... but it would still be nice if the colors assets would save the gradient's positioning, not just the colors. Either way I found a good enough solution for now.

    3 replies

    Harshika Verma
    Community Manager
    Community Manager
    Oct 7, 2020 7:52 PM UTC

    Hi there,

     

    Thank you for reaching out and pointing out that components doesn't save the gradient details like positioning and directions in XD. I am checking with the team regarding this if this is an expected behavior or if this is a bug which needs investigation. I will get back to you as soon as I hear back from the team.

     

    Thanks,

    Harshika

    Translate
    mjhalperAuthorCorrect answer
    Participant
    Oct 7, 2020 7:58 PM UTC

    I realized (after I posted) that I should just create a component rectangle with the gradient inside of it, and reuse that... I was creating the gradient as a fill color and saving that as a color asset, not a component. So it is only saving the colors in the gradient, which I understand.... but it would still be nice if the colors assets would save the gradient's positioning, not just the colors. Either way I found a good enough solution for now.

    Translate
    Harshika Verma
    Community Manager
    Community Manager
    Oct 7, 2020 8:14 PM UTC

    Thanks for your feedback and great to hear you're able to find the solution for this. The team updated me that yes that is a known limitation of color styles with gradients in XD. 

     

    Thanks,

    Harshika

    Translate