Corner Radius

The corner radius indicates the amount of rounding on the cornders 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.

Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback form.

Learn UI and UX Design on Codecademy