How Do You Expand Strokes in Figma?

Figma has become one of the most popular design tools available, and it’s no surprise why. It is easy to use, yet powerful enough to handle complex designs.

One of the features that sets Figma apart from other similar design tools is its ability to easily expand strokes. This allows for precise control over your designs and makes it easier to create complex shapes and graphics.

Expanding strokes in Figma is a simple process. All you need to do is select the stroke you want to expand and then click on the “Expand Stroke” button in the Properties panel.

This will open up a new window with all of the options available for expanding your stroke. You can choose from various stroke types, such as dashed, dotted, or solid; as well as different line widths and lengths.

You can also customize the appearance of your expanded stroke by selecting a different color or gradient. You can also adjust other properties like opacity and Blur, which can be useful when creating more complex designs. Additionally, you can use corner radius settings to make your shapes look more natural.

Once you’ve adjusted all of your settings, simply click on “Expand Stroke” again to apply them. Your stroke will now be expanded according to your specifications. You can then continue working on your design with this expanded stroke.


Expanding strokes in Figma is an easy process that allows for greater control over your designs. With just a few clicks, you can adjust various properties like line widths and lengths, colors, gradients, opacity levels, blurs, and corner radius settings in order to create exactly what you want. With this feature at your disposal, creating complex shapes and graphics becomes much easier than with other design tools.