Gradients give you more control over color in Jitter. Apply gradient transitions to any native shape or scene and use the color picker to fine-tune every stop.
Jitter supports two types of gradients:
Type | What it does | When to use it |
Linear | Transitions between two or more colors along a straight line | Background washes, directional lighting, horizon effects |
Radial | Transitions outward from a center point in a circular pattern | Glows, spotlights, depth and |
Applying a gradient
To apply a gradient to a shape or scene:
Select the layer or scene you want to edit
Open the color picker in the property panel
Switch from a solid fill to a gradient fill and choose Linear or Radial
Use the gradient slider to set your colors
The gradient will appear on the canvas as you edit, so you can see changes in real time.
Working with color stops
Color stops are the points along the gradient where you define a specific color. You can add and remove colors here to create richer, more complex transitions.
• To add a stop, click anywhere on the gradient slider in the color picker
• To remove a stop, right-click the stop and select Delete from the context menu.
Importing gradients from Figma
If you use the Jitter Figma plugin, gradients in your Figma file are imported natively. Any linear or radial gradients applied to shapes in Figma will come through into Jitter ready to edit.
✏️ Note: Gradients on text layers are not currently supported but will be available in a future update.