Sketch comes with four Boolean operations you can use to combine and create complex shapes.
Select two or more shapes on the Canvas, position them so that they overlap, then click on a Boolean operations button in the Toolbar.
- Union creates a shape that’s the sum of multiple shapes’ areas.
- Subtract removes the area of a shape from the one underneath it.
- Intersect creates a new shape from the areas where the selected shapes overlap.
- Difference creates a shape from the areas where the original shapes don’t overlap (the opposite of Intersect).
Boolean operations apply from the top layer down. For example if you were to draw a smaller circle inside a larger circle and apply the Subtract operation , you’d create a donut shape.
If your Mac has a Touch Bar, you’ll find the four Boolean operations there too.
When you apply a Boolean operation to two or more shapes, it will group the original shapes together in a new combined shape.
With combined shapes, Boolean operations are non-destructive. That means you can edit the original shapes and change the result at any time. You can even even bring together two or more combined shapes with a new Boolean operation.
Editing combined shapes in the Layer List
You can expand a combined shape just like a normal group in the Layer List. The group will contain all the different shapes that make up your combined shape, along with the Boolean operation that you applied to it.
In the Layer List, you can also click on the Boolean operation icon next to a shape and apply a different operation.
To hide any of the original shapes in your combined shape, Control-click on them in the Layer List and select Hide Layer, or use ⌘⇧H. Keep in mind that this will change how your combined shape appears on the Canvas.
You can also create a combined shape in the Layer List by dragging one shape layer on top of the other. This will automatically apply the Union boolean operation.