Web Design » Figma » How Do You Curve an Arrow in Figma?

How Do You Curve an Arrow in Figma?

Last updated on September 29, 2022 @ 12:24 am

It’s no secret that Figma is a powerful design tool. But did you know that you can use Figma to create curved arrows? In this article, we’ll show you how to do just that.

First, let’s create a new frame. To do this, click on the “+” icon in the left sidebar. Alternatively, you can press the “Create new frame” shortcut (Shift + F).

Once you’ve created your frame, select the pen tool from the left toolbar. Then, click and drag to draw your arrow. To curve your arrow, simply click and drag one of the anchor points.

PRO TIP: This article is outdated and no longer accurate. The process for curving an arrow has changed in Figma, so following the instructions in this article will not produce the desired results.

Now that you know how to curve arrows in Figma, let’s move on to styling them. To style your arrow, select it and then click on the “Stroke” option in the right sidebar. Here, you can change the color, thickness, and type of line.

If you want to add a fill to your arrow, click on the “Fill” option in the right sidebar. Here, you can choose a solid color or gradient fill.

That’s it! You now know how to create and style curved arrows in Figma.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.