Boolean operations
This article is available for both the previous Figma UI and the new Figma UI. Use the toggle at the bottom left of the page to select your current UI. Get to know UI3: Figma’s redesign →
Before you Start
Who can use this feature
Available on any plan
Anyone with can edit
access to a file can use boolean operations
Boolean operations let you combine multiple layers into a single object with shared properties called a boolean group. You can use boolean operations to create icons, illustrations, and more.
Boolean operations are non-destructive actions, which means you can still select and modify the layers in the boolean group. This flexibility allows you to keep iterating on designs without having to ungroup the layers or start over from scratch. You can apply boolean operations to shape layers, vector paths, and text layers. You can’t apply them to sections or frames.
Note: This video explains boolean operations using Figma's old interface. For examples of the new interface, see the images in this article.
Types of boolean operations
There are four boolean operations: union, subtract, intersect, and exclude.
Union selection
The union selection operation combines the selected layers. If the layers overlap, the new object’s outer path is created by merging the outer edges of the layers. The layer at the top of the layer hierarchy will be used to determine the object’s fill, stroke, and effect properties but you can modify these properties at any time. Any strokes or effects will be applied to the object’s outer path.
Union selection keyboard shortcut:
- Mac: Option Shift U
- Windows: Alt Shift U
Subtract selection
The subtract selection operation removes any areas overlapping the bottom layer of the current selection. The layer at the bottom of the layer hierarchy will be used to determine the object’s fill, stroke, and effect properties but you can modify these properties at any time. If the resulting object has both an inner and outer edge, any strokes or effects will be applied along both edges.
Subtract selection keyboard shortcut:
- Mac: Option Shift S
- Windows: Alt Shift S
Intersect selection
The intersect selection operation creates a new object from where the selected layers overlap. Anything outside the overlapping area is removed, leaving just the areas where all layers intersect. The layer at the top of the layer hierarchy will be used to determine the object’s fill, stroke, and effect properties but you can modify these properties at any time. Any strokes or effects will be applied to the object’s outer path.
If you apply the intersect operation to non-overlapping layers, the layers will disappear from view on the canvas until you move them to where they can overlap.
Intersect selection keyboard shortcut:
- Mac: Option Shift I
- Windows: Alt Shift I
Exclude selection
The exclude selection operation creates a new object by removing the overlapping areas, keeping just the non-overlapping parts. The layer at the top of the layer hierarchy will be used to determine the object’s fill, stroke, and effect properties but you can modify these properties at any time. If the resulting object has both an inner and outer edge, any strokes or effects will be applied along both edges.
Exclude selection keyboard shortcut:
- Mac: Option Shift E
- Windows: Alt Shift E
Apply a boolean operation
To apply a boolean operation, select at least two supported layer types, then choose an operation from the Boolean operations menu.
Edit a boolean group
Boolean operations are non-destructive actions. This means that you can still select and modify the dimensions, position, rotation, and corner radius of layers inside the boolean group.
You won’t be able to change the fill, stroke, effects, or opacity properties of individual layers inside the group. To break up a boolean group and revert the layers back into individual objects, right-click on the group and select Ungroup.
Before you Start
Who can use this feature
Users on any plan
Users with edit access to a Figma Design file can use boolean operations
Video tutorial
Types of boolean operations
Boolean operations combine any set of shape layers through one of four formulas: union, subtract, intersect, and exclude.
Boolean groups are treated as a single shape layer and share fill and stroke properties and can be combined with other boolean groups through subsequent boolean operations.
- Union: Union combines the selected shapes into a boolean group. If the objects overlap, the new shape’s outer path consists of the composite of its sublayers’ paths minus any segments that overlap. The stroke would then be applied to that outer path ignoring any path segments which overlap each other.
- Subtract: Subtract is the opposite of union. Subtract removes the area of a shape or set of shapes from a base shape. Only the bottom shape layer is solid, the rest are subtracted from it.
- Intersect: Intersect creates a boolean group whose shape consists only of the overlapping parts of its sublayers.
- Exclude: Exclude is the opposite of intersect. Exclude shows only the areas of its sublayers that do not overlap.