How Do You Make a Circle Graph on Figma?

Creating a circle graph on Figma can be a great way to visualize data in your designs. A circle graph, also known as a pie chart, is a graphical representation of data in which each slice of the graph represents a specific proportion of the whole. This type of graph is useful for displaying relative proportions and can help you quickly convey important information to viewers.

To make a circle graph on Figma, start by creating a new frame on the canvas. Then add a rectangle to the frame and resize it so that it is round.

Next, select the rectangle and click on the “pie chart” icon in the top right corner of the toolbar. This will open up the “Pie Chart” settings window where you can enter your data values and customize other aspects of your graph such as line widths and colors. Once you have entered all of your data, click “OK” to apply your changes and create your circle graph.

If you are looking to make more complex graphs or charts, Figma also has several other options available. You can create bar graphs or line graphs by selecting the corresponding icon from the top right corner of the toolbar when you have selected an object on your canvas.

Additionally, there are several different types of charts available such as scatter plots or surface charts. With these tools at your disposal, you can easily create beautiful visualizations for your designs!

Styling Your Circle Graph

Once you have created your circle graph on Figma, there are many ways to customize it to match the rest of your design. You can adjust things like line widths, colors, and gradients to really make it stand out from other elements in your project. Additionally, if you want to add text labels or numbers within each slice of the graph, you can use Figma’s text tool and position them accordingly within each segment.


Making a circle graph on Figma is easy with just a few simple steps! To get started all you need to do is create a new frame on your canvas, add a rectangle shape inside it, select it and click on the “pie chart” icon in the top right corner of the toolbar.

Then enter your data values and customize aspects such as line widths or colors before clicking “OK” to apply them all at once! With these steps completed, you’ll be sure to have an awesome looking pie chart that will help viewers quickly understand any data that you are trying to visualize!