Web Design » Figma » How Do You Make a Circle Graph in Figma?

How Do You Make a Circle Graph in Figma?

Last updated on September 28, 2022 @ 9:48 pm

There are a few different ways to make a circle graph in Figma. One way is to use the Ellipse Tool (L), which can be found in the toolbar on the left side of the screen.

Click and drag to create a perfect circle. To constrain the proportions of the ellipse, hold Shift while you click and drag.

Another way to make a circle is to use the Rectangle Tool (M). Click and drag to create a square, and then press Enter/Return to turn it into a circle. Again, hold Shift while you click and drag to constrain the proportions.

You can also use the Star Tool to create a variety of star shapes, including circles. Simply click where you want the center of the star to be, and then drag outwards to create the shape. The more points you have, the more round your star will be.

Once you have your circle created, you can add colors, gradients, patterns, etc. Just like with any other shape in Figma.

To add text, simply double-click on the shape and start typing. You can format your text using the Text tab in the Inspector on the right side of the screen.

How Do You Make a Circle Graph in Figma?

There are a few different ways that you can make a circle graph in Figma. One way is by using the Ellipse Tool (L) which is located in the toolbar on the left-hand side of your screen. Once you have selected this tool, click and drag until you have created a perfect circle. If you want to change the proportion of this ellipse, hold down Shift while you are clicking and dragging.

PRO TIP: Please be aware that Figma is a design tool and not a graphing tool. You cannot make a circle graph in Figma.

Another way that you can create a circle is by using Rectangle Tool (M). Click and drag until you have made a square and then press Enter/Return in order to turn it into a circle. Again, if you want to change its proportions then hold down Shift while clicking and dragging.

You could also use Star Tool in order to create various shapes including circles.

To do this, click where you want the centre of your star shape to be located and then drag outwards until your desired shape has been created. The more points your star has, then generally speaking, the rounder it will be.

After creating your circle, feel free to add colours, gradients or patterns! You can do this just like with any other shape in Figma. If you would like to add text then simply double-click on your chosen shape and start typing away! You can format your text by using Text tab which is located in Inspector on right-hand side of screen.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.