How Do You Make a Figma Donut Shape?

Figma is a vector graphics editor and prototyping tool, which is primarily web-based. It allows designers to easily create user interfaces and interactive prototypes, while also providing an array of tools for editing vector shapes. One of the most popular shapes in Figma is the donut shape, which can be used to create a variety of visual elements for design projects.

Creating a donut shape in Figma is quite simple and can be done with just a few clicks. To start, you will need to open the “Shapes” menu from the toolbar on the left-hand side of the screen. From there, you can select the “Donut” option from the list of available shapes. You will then be prompted to enter the desired radius for your donut shape – this is basically how large or small you want it to be. Once you have entered your desired radius, you can click on “Create” to generate your donut shape.

Once your donut shape has been created, you will have several options for customizing it further.

You can adjust the width and height of your donut by dragging its control points around the canvas. Additionally, you can change its color by selecting a color from the color picker window at the bottom right corner of your screen. You can also adjust its opacity and add various effects like shadows or gradients as well.

Figma’s donut shape also provides some advanced features that allow users to make it even more unique and interesting. For example, users can set up custom borders for their donut shapes using Figma’s “Border Settings” feature. This allows them to choose from a range of different border types such as dashed lines, dotted lines, or solid lines with varying thicknesses and colors. Additionally, users can also add additional circles inside their donuts using Figma’s “Circle Fill” feature which allows them to customize each individual circle within their shapes as well as adjust their sizes independently.

Creating a Figma donut shape is an easy process that requires only minimal knowledge of vector graphics tools and techniques. By following these steps and taking advantage of Figma’s advanced features, anyone can create visually appealing shapes that are perfect for their design projects.


In conclusion, creating a Figma donut shape is an easy process that requires minimal knowledge of vector graphics tools and techniques. With just a few clicks and adjustments within Figma’s interface, one can quickly create visually appealing shapes perfect for any design project or prototype!