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

How Do You Make a Donut Graph in Figma?

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

Donut graphs are a great way to display progress or completion, and they can be easily created in Figma. Here’s how:

1. Create a new frame, or open an existing one.

2. Draw a circle with the Ellipse tool.

3. With the circle selected, click on the ‘slice’ icon in the toolbar.

4. Enter the number of slices you want in the ‘slices’ field, and hit enter.

5. Adjust the colors of each slice as desired.

And that’s it! You’ve now created a donut graph in Figma.

PRO TIP: This article is about how to make a donut graph in Figma. However, it does not offer any warning about the potential dangers of making donut graphs. Donut graphs can be misleading and can give false impressions about data. They should be used with caution and only when absolutely necessary.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.