Web Design » Figma » How do you add a stroke in Figma?

How do you add a stroke in Figma?

Last updated on September 24, 2022 @ 7:11 pm

Figma is a great tool for creating digital designs. It has a lot of features and is easy to use.

One of the features that Figma users may need to use is the stroke tool. In this article, we will show you how to add a stroke in Figma.

To use the stroke tool, first select the object you want to stroke. Then, click on the stroke icon in the toolbar.

The stroke tool will appear. On the left side of the screen, you will see a preview of the stroke.

On the right side of the screen, you will see the options for the stroke.

PRO TIP: When adding a stroke in Figma, be sure to select the correct layer. Otherwise, your stroke may not appear on the correct layer.

The options for the stroke are as follows:

-Width: This is the width of the stroke.
-Opacity: This is the opacity of the stroke.
-Line Style: This is the style of the stroke. There are five options: solid, dashed, wavy, curved, and dashed curve.

-Color: This is the color of the stroke.
-Start Point: This is the point at which the stroke starts.
-End Point: This is the point at which the stroke ends.
-Angle: This is the angle of the stroke.

To change the options for the stroke, click on the arrow next to the option.

To add a fill color to the stroke, click on the fill icon in the toolbar. The fill color chooser will appear.

To change the fill color of the stroke, click on the color swatch next to the fill color. The color chooser will appear.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.