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 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.
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.