Skip to main content
InVision Support Home Page

Can I use gradient colors for borders in Studio?

Studio supports gradient colors for borders on most layers—excluding text layers.

While you can't add borders to text layers, you can still use gradients for fills on text layers.

To apply a gradient border:

  1. In the layer panel or canvas, select a layer.
  2. In the inspector, next to the Borders heading, click the icon.
  3. In the Weight text field, enter the pixel count you prefer.
  4. In the upper-right corner of the color selector modal, click either the linear gradient icon (studio-linear-gradient-border-icon.png) or the radial gradient icon (studio-radial-gradient-border-icon.png).
  5. On the left end of the gradient scrubber, click the color stop and choose the color you want to use. Repeat for right end of the gradient scrubber.
  6. Fine-tune your gradient by clicking and dragging the midpoint as well as the color stops on each end of the gradient scrubber.
    Note: To change the direction of your gradient, in the selected layer on the canvas, click and drag the midpoint and color stops on the white gradient indicator.


To learn more about Studio, check out our Getting Started Guide or Knowledge Base.