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

Gradient strokes

Gradient strokes

Using gradients on strokes might not be the first design choice many think of, but it can significantly enhance the appearance of text, icons, or shapes, adding a layer of sophistication. Moreover, visually striking strokes can draw attention to specific objects, making them stand out.

To apply a gradient to a stroke:

  1. Select the layer you wish to modify.
  2. Navigate to the Stroke section in the Design panel. By default, the stroke is black with a thickness of 1. Modify the thickness as you like. Adjust the stroke's thickness for a more pronounced effect.
  3. Next, navigate to the color switcher and select the Gradient icon.
  4. Modify the gradient settings to achieve your desired effect.

Pro Tip: Ensure the gradient direction and color scheme match the overall design theme for a cohesive look.

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