How Do You Do a Flatten Stroke in Figma?

Figma is a powerful design platform used by many professionals and hobbyists alike. It allows users to easily create complex designs with precision, including elements such as shapes, text, icons, and illustrations.

One of the most common tasks in Figma is creating a “flatten stroke” effect. This effect can be used to give your designs a unique look and feel.

A flatten stroke is an effect where the outline of a shape or object is flattened into a single line. This creates an interesting visual effect that can be used to draw attention to certain parts of your design. To create this effect in Figma, you need to first select the shape or object you want to apply the flatten stroke to.

Once you have selected the shape or object, go to the “Stroke” section in the right-hand panel. Here you will find several options for customizing your stroke settings.

Look for the “Flatten” option and select it. You can then adjust the size of your flatten stroke using either the slider or by entering a numerical value.

Finally, click “Apply” at the bottom of the panel and your flatten stroke will be applied. You can further customize your flatten stroke by adjusting other settings such as color and opacity. Once you are happy with your design, you can save it in one of Figma’s file formats.


Creating a flatten stroke effect in Figma is relatively simple and straightforward. With just a few clicks of your mouse, you can quickly add this unique visual element to any project you are working on. By adjusting various settings such as size, color, and opacity, you can customize your flatten strokes until they perfectly match your design needs.