How Do You Draw a Horizontal Gradient in Figma?

Drawing a horizontal gradient in Figma can be a great way to add color and depth to your designs. The gradient tool makes it easy to create a smooth transition between two or more colors. You can also adjust the opacity of the gradient to create a subtle, yet stunning effect. In this tutorial, we’ll look at how to draw a horizontal gradient in Figma.

Step 1: Create Your Gradient

To get started, select the Rectangle tool from the toolbar and draw a rectangle on your canvas. Then, select the Gradient Tool from the toolbar and click on your rectangle. This will open up the Gradient Panel where you can customize your gradient.

Step 2: Adjust Your Colors

In the Gradient Panel, you can adjust how many colors are in your gradient and what those colors are.

To change the color of each stop, click on it and then choose an option from the Color Picker. You can also adjust the opacity of each color by dragging its slider.

Step 3: Set Your Direction

Once you’ve chosen your colors, click on Direction in the Gradient Panel and select Horizontal from the drop-down menu. This will set your gradient’s direction to horizontal so that it transitions smoothly across your rectangle.

Conclusion:

Creating a horizontal gradient in Figma is an easy process that requires only a few steps. First, create your gradient using the Rectangle tool and Gradient Tool. Then, adjust your colors in the Gradient Panel using either Hex codes or RGB values. Finally, set your direction to Horizontal for a smooth transition across your canvas. With these simple steps, you’ll be able to draw beautiful horizontal gradients with ease!