Corner Radius

Published Jun 8, 2022Updated Oct 31, 2023
Contribute to Docs

The corner radius indicates the amount of rounding on the corners of a shape. If the corner radius is zero, then there is no rounding, meaning that the corners are completely squared off. Increasing the value of the corner radius adds more rounding to the corners.

In design software, corner radius is a property of any shape that includes two straight lines joined together, such as rectangles, polygons, stars, and custom shapes made with the pen tool.

Diagram of six rectangles with different corner radius values. The first rectangle has a corner radius of 0, and each subsequent rectangle has a larger corner radius, indicated by increased rounding on the corners.

Figma, a prototyping tool and graphics editor, has more information about corner radius.

All contributors

Looking to contribute?

Learn UI and UX Design on Codecademy