Web Design » Figma » How Do You Make a Circular Arrow in Figma?

How Do You Make a Circular Arrow in Figma?

Last updated on November 29, 2022 @ 6:39 am

There are a few ways to make a circular arrow in Figma. The first way is to use the Ellipse Tool (L) to draw a circle, and then use the Pen Tool (P) to draw the arrow on top of it. To make the arrow symmetrical, you can hold down the Shift key while you’re drawing it. The second way is to use the Line Tool (\), and draw a line that’s the same length as the diameter of the circle.

Then, use the Freehand Tool (F) to draw half of the arrow on one side of the line, and the other half on the other side. Again, holding down Shift will keep everything symmetrical. And lastly, you can use the Polygon Tool (Y) to draw a triangle, and then use the Transform Tool (Q) to rotate it 45 degrees. This method is probably the quickest way to make a symmetrical circular arrow.

To style text in HTML using < b > and < u > tags where applicable:

You can make text bold by wrapping it in < b > tags, like this:

This text is bold.

You can also underline text by wrapping it in < u > tags, like this:

This text is underlined.

PRO TIP: This article discusses how to make a circular arrow in Figma, but does not warn readers about the potential dangers of doing so. Circular arrows can be very difficult to create, and if not done correctly, can result in a lot of wasted time and effort. Additionally, if not done correctly, circular arrows can also look very unprofessional.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.