<?xml version="1.0" encoding="utf-8"?>

How to apply gradients

How to apply gradients

Applying a gradient adds a dynamic and visually appealing element to your designs. Here's how to apply a gradient to a layer:

  1. Choose the layer you want to apply the gradient to.
  2. In the Design panel, click on the Fill color to open the modal.
  3. Click on the Gradient icon.
  4. Select from linear, radial, or any other available gradient type.
  5. Gradients consist of stops that define the transition colors. Click on the gradient bar to add or select a stop, then use the color picker to adjust its color. You can drag stops to change the transition's smoothness.
  6. Adjust the opacity of stops to create softer transitions or make certain colors stand out more, adding a sense of depth or light.
  7. Adjust the angle directly on the canvas to set direction and spread.

Improve your UX & Product skills with interactive courses that actually work