Corners

Corners let you round, cut, or curve the edges of any shape — with six corner styles to choose from and control over each corner individually.

Editing corners in the Inspector

On the canvas, drag any circular corner handle to adjust all corners equally. Hold ⌘ and drag to adjust a single corner independently.

You can also use the Corners section in the Inspector for precise control. It contains five controls:

• Corner settings — Opens a panel to adjust corner smoothing
• Toggle maximum corner radius — Sets the corner radius to its maximum value. Click again to set back to 0
• Toggle individual corners — Toggles between Uniform and Individual corner modes
• Corner style — Dropdown to choose the corner style
• Corner radius — Displays and edits the corner radius value

Corner settings

Click Corner settings to adjust the Smoothing slider. This option is only available when the corner style is set to Smooth. Drag the slider from 0 to 100 for progressively smoother curves.

Toggle maximum corner radius

Click Toggle maximum corner radius to set the corner radius to its maximum possible value, useful for creating capsules (for rectangles) or circles (for squares). Click again to set back to 0. Unlike a fixed value, Max adjusts dynamically as you resize the layer — a capsule stays a capsule at any size.

In Individual mode, if you focus on a specific corner field in the Inspector, the button sets only that corner to max instead of all corners.

You can also double-click a corner handle on the Canvas to toggle between 0 and the maximum radius, go to Layer > Corners > Max, or use the Command Bar.

Toggle individual corners

Click Toggle individual corners to switch between:

• Uniform mode: Adjusts all corners with a single radius value. If corners have mixed values, the input shows Mixed.
• Individual mode: Shows four separate input fields so you can set each corner independently (top-left, top-right, bottom-right, bottom-left). This lets you control pairs of corners at the same time, or single out a corner and edit the other three.

On the canvas in Individual mode, you can drag each corner independently. If two corners share the same value, dragging one adjusts both — hold ⌘ to adjust just one. Hold ⌥ to adjust all corners at once.

Corner radius

Click the Corner radius field to enter a value or drag the slider. The slider ignores zero values — if two corners are set to 8 and two are set to 0, it adjusts only the non-zero corners.

Corner style

Use the Corner style dropdown in the Corners section, or head to Layer > Corners. You can also reset corners to default via Layer > Corners > Reset to Default or use the Command Bar.

Choose from six corner styles:

• Auto — Matches the corner radius and style of the nearest container automatically
• Rounded — Classic circular corners
• Smooth — Extra-smooth corners that create a ‘squircle’ effect. It includes a reference point that matches Apple’s system corner style, making it easy to align your corners with native macOS UI
• Angled — Corners with a straight diagonal cut
• Inside Square — Square corners that cut inward
• Inside Arc — Rounded corners that curve inward

Smooth corners

Smooth corners create the ‘squircle’ shape Apple uses in its interfaces. They work on any angle, including angles greater than 90° (polygons, stars, and complex shapes), and adapt automatically when a shape lacks room for a full smooth curve.

To control how far the curve extends along the edges of your shape, use the Smoothing slider in the Corner settings panel. Lower values keep corners closer to a standard rounded arc, while higher values spread the curve further for a softer, more continuous shape.

Auto corners

Auto makes a layer’s corners follow its container. It calculates the radius from how far the layer sits from each edge, so the corners always look concentric — and stay that way as the container changes. When corner values differ, it picks the largest radius and the shortest distance.

Shapes with Auto corners don’t show corner handles on the Canvas, but the Corner radius field is still active. The automatic radius appears as placeholder text, so you can see what value Auto is applying at any time.

To override it, type a new value — the layer exits Auto mode and uses your value from then on. You can also click Toggle maximum corner radius to jump straight to the maximum radius, which switches the layer out of Auto too.

Corners on shape groups

You can apply corner styles to shape groups created with boolean operations. Select the combined shape and adjust the corner radius in the Corners section — the corners apply to the combined shape, not to the individual shapes inside it. To adjust corners on an individual shape within the group, expand the combined shape in the Layer List and select the shape you want to edit.