How to add gradient in windows version of Adobe XD

Linear gradient is relatively new feature for all windows users of Adobe XD. It was introduced by Adobe team on July 13, 2017. In today’s tutorial I am going to show you how to deal with gradients in Adobe XD.

Content of the video

  1. Introduction.
  2. Add and adjust gradient :
  3. Gradient for custom shape :
  4. Blurring with gradient :

What we can create using gradients in Adobe XD. This is a shot from my upcoming Adobe XD course :

How to add gradients in Adobe XD

Gradients in Adobe XD. Summary

Feature Support
Linear gradient Yes
Radial gradient No
Gradient for drawn shapes Yes
Gradient for borders No
Gradient for text No
Blur with gradient  Yes
Gradient for combined shapes Yes
Gradient direction, stop colors, opacity  Yes


Leave a Reply

Your email address will not be published. Required fields are marked *

join our newsletter

Subscribe to the weekly newsletter: