How to Round Corners in Figma: Simple Steps for Beginners

To round corners in Figma, select the shape and use the Corner Radius input in the right sidebar to set the desired radius. You can also drag the circular handles on the corners of the shape to adjust rounding interactively.

Syntax

In Figma, rounding corners is controlled by the Corner Radius property. You can set this value in pixels to define how rounded the corners should be.

• Corner Radius input: Enter a number (e.g., 10) to round all corners equally.
• Individual corners: Click the independent corners icon to set different radius values for each corner.
• Drag handles: Drag the circular handles on the shape corners to visually adjust rounding.

figma

Select shape > Right sidebar > Corner Radius input > Enter pixel value (e.g., 12)

Example

This example shows how to round the corners of a rectangle to 20 pixels using the Corner Radius input.

figma

1. Draw a rectangle using the shape tool.
2. Select the rectangle.
3. In the right sidebar, find the <code>Corner Radius</code> field.
4. Type <code>20</code> and press Enter.
5. The rectangle corners become smoothly rounded with a 20px radius.

Output

A rectangle with all four corners rounded smoothly by 20 pixels.

Common Pitfalls

Some common mistakes when rounding corners in Figma include:

• Not selecting the shape before adjusting the corner radius, so changes don’t apply.
• Forgetting to unlock individual corners when trying to set different radii, causing all corners to change together.
• Trying to round corners on vector paths without using the corner radius tool, which requires different steps.

figma

Wrong: Select shape > Try to drag corners without selecting shape or using corner radius.
Right: Select shape > Use Corner Radius input or drag corner handles.

Quick Reference

Action	How to Do It
Round all corners equally	Select shape > Enter value in Corner Radius input
Round corners individually	Select shape > Click independent corners icon > Enter values per corner
Adjust corners visually	Select shape > Drag circular corner handles
Reset corner radius	Set Corner Radius to 0 or clear the input

Key Takeaways

Use the Corner Radius input in the right sidebar to round all corners of a shape.

Click the independent corners icon to set different radius values for each corner.

Drag the circular handles on shape corners for quick visual rounding.

Always select the shape before adjusting corner radius to apply changes.

Reset corner radius by setting it back to zero if needed.