<?xml version="1.0" encoding="utf-8"?>

Rounded corners

Rounded corners

In Figma, smoothing corners is easy with the corner radius setting in the Design panel. Just select a shape, then either enter a pixel value or drag the arc icon to round all corners evenly.

For more control, enable independent corners, but this is only available for rectangles and frames. This lets you set a different radius for each corner using input fields, sliders, or number variables.

To round corners on vector paths, double-click to enter edit mode, select a point, and drag its handles. Note: corner radius only works on internal points of open paths. For endpoints, use stroke end caps to style the edges.

With these tools, you can fine-tune the look of shapes, whether you're after a soft, rounded feel or clean, sharp angles.

Improve your UX & Product skills with interactive courses that actually work