How to Create a Circle in Figma: Simple Steps

To create a circle in Figma, select the Ellipse Tool (O) from the toolbar, then hold down the Shift key while dragging on the canvas to draw a perfect circle. Holding Shift ensures the width and height stay equal, forming a circle instead of an oval.

Syntax

In Figma, the 'syntax' for creating a circle involves using the Ellipse tool combined with a keyboard shortcut:

• Ellipse Tool (O): Select this tool to draw ellipses or circles.
• Shift key: Hold this key while dragging to constrain proportions and create a perfect circle.
• Drag: Click and drag on the canvas to define the size.

text

1. Press O to select Ellipse Tool
2. Click and hold on canvas
3. Hold <Shift> key
4. Drag mouse to desired size
5. Release mouse button, then release <Shift>

Output

A perfect circle shape appears on the canvas with equal width and height.

Example

This example shows how to create a red circle with a 100px diameter in Figma:

text

1. Select Ellipse Tool (O)
2. Hold Shift and drag to create circle
3. With circle selected, set Width and Height to 100px in the properties panel
4. Set Fill color to red (#FF0000)

Output

A red circle with 100px diameter appears on the canvas.

Common Pitfalls

Common mistakes when creating circles in Figma include:

• Not holding Shift while dragging, which creates an oval instead of a circle.
• Manually adjusting width and height to different values, losing the perfect circle shape.
• Confusing the Ellipse tool with the Rectangle tool.

Always hold Shift to keep proportions equal.

text

Wrong way:
1. Select Ellipse Tool (O)
2. Drag without holding Shift
3. Result: Oval shape

Right way:
1. Select Ellipse Tool (O)
2. Hold Shift while dragging
3. Result: Perfect circle

Output

Wrong way creates oval; right way creates circle.

Quick Reference

Action	Shortcut/Tip
Select Ellipse Tool	Press O
Draw perfect circle	Hold Shift while dragging
Set exact size	Adjust Width and Height equally in properties
Change fill color	Use Fill color picker in properties panel

Key Takeaways

Hold Shift while dragging with the Ellipse tool to create a perfect circle.

Use the Ellipse tool shortcut O for quick access.

Set equal width and height in the properties panel to maintain circle shape.

Avoid dragging without Shift to prevent creating ovals.

Use the properties panel to customize size and color after drawing.