Skip Navigation

Corners

3 min read

Note: Images, videos and some instructions on this page may not be accurate. Please bear with us as we update the Docs for Sketch’s new UI.

To adjust a corner’s radius, drag the circular corner handle in the top-left of any shape you select. This will adjust all corners of your shape equally. If you want to adjust corners individually, hold and drag the corner handle on the corner you want to resize.

You can set different types of corners: auto, rounded, smooth, angled, inside square or inside arc. These options are available in the Inspector or via Layer > Corners. You can also reset the corners to default with Layer > Corners > Reset to Default or with the Command Bar.

Don’t see any corner handles? Your shape could be too small to display the handles. Try zooming in to your shape.

To assign one or more corners with specific values, select the Individual corners corners.individual mode in the Corners section of the Inspector.

If you’re working directly on the canvas, you can adjust corners with different values by dragging on each one individually, you can also hold to adjust them all at once to the same value.

  • Dragging a corner that shares the same value with another, will adjust both of them.
  • You can press and hold to adjust corners individually.
  • Different value corners can be resized individually without any modifier key.
  • You can adjust all corners regardless of their size, by holding and resizing.

Drag the corner handle to adjust all corners in a rectangle or hold to adjust only the selected

If a shape has multiple same-size corners adjusting one will adjust all others. This way, you can easily control pairs of corners at the same time, or single out a corner and edit the other three.

When you drag a corner, you’ll also adjust other corners of the same size

Editing corners in the Inspector

When you’re editing rectangle corners, you can toggle between Individual and Uniform modes in the Inspector’s Corners panel.

  • Individual mode: You’ll find four input fields arranged in a row and matching the position of each corner in a non-rotated rectangle.
    An image showing the Corners panel in the Inspector, with Individual mode enabled

    The Corners panel in the Inspector, with Individual mode enabled

Keep in mind that the slider ignores zero values. For example, if you have two corner values set to 8 and two corners at 0, using the slider will only adjust the size of non-zero corners.

  • Uniform mode: When you change from Individual to Uniform mode, the slider will appear in its leftmost position and the input will display Multi. The value you set with the slider or the input field will apply to all corners.

    How to switch to Uniform mode and edit corners

Choosing corner styles

You can apply multiple corner styles (Auto, Rounded, Smooth, Angled, Inside Square and Inside Arc), changing how the layer’s corners look. Head to the Corners section in the Inspector while editing any shape and pick the one you want from the dropdown menu.

You can apply different corner styles from the Corners panel in the Inspector

Smooth corners have curvature continuity, enabling you to create ‘squircles’ that Apple uses in its interfaces.

Auto is an option that matches a layer’s corners to the nearest container with non-zero corners, keeping them concentric automatically as the container’s radius changes, without manual updates.

Auto inherits the radius and style from that container—based on padding if it’s a stack, or distance to the closest edge if not. The largest corner value and smallest padding/distance are used when values differ. Auto works with all corner styles but is most useful with Rounded and Smooth.

Shape corners adapt as the container’s radius changes.

Symbol instances with Auto corners don’t update based on their container. Instead, their corner radius always matches the source’s radius. For example, if a source with Auto corners has an effective radius of 0, all instances will have a radius of 0, regardless of their own containers.