How to use Boolean Groups in Figma

A step by step guide on carry out boolean groups operations (union, subtract, intersect, exclude or flatten) using shapes in Figma.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 07/14/2023 at 13:19
Last Updated on 07/14/2023 at 17:08
A flower that represents Figma with the text “Boolean Groups” beneath it.

A step by step guide on carry out boolean groups operations (union, subtract, intersect, exclude or flatten) using shapes in Figma.

SubscribeCheck out our free mobile e-commerce Figma design file

Step One: Create the shapes

A screenshot of Figma with a series of shapes drawn on the screen. They fall under five categories "Union" "Subtract" "Intersect" "Exclude" and "Flatten."

In Figma, create the shapes that you wish to carry out a boolean operation on.

Step Two: Select the Shapes

A screenshot of Figma with a series of shapes drawn on the screen. They fall under five categories "Union" "Subtract" "Intersect" "Exclude" and "Flatten." The image shows that the two shapes under union have been selected.

Select the shapes that you wish to carry out the boolean operation on.

Step Three: Perform the Operation

A screenshot of Figma with a series of shapes drawn on the screen. They fall under five categories "Union" "Subtract" "Intersect" "Exclude" and "Flatten." An arrow is pointing to the dropdown on the "Boolean Groups" icon on the top menu bar. It is found on the far right of the central options in Figma. This dropdown opens a menu that allows you to pick an operation. The operations that are available are "Union" "Subtract" "Intersect" "Exclude" or "Flatten."

Open the dropdown next to the Boolean Groups icon on the top menu bar and select the operation that you wish to carry out.

Results from each of the operations can be found below.

A screenshot of Figma with a series of shapes drawn on the screen. They fall under five categories "Union" "Subtract" "Intersect" "Exclude" and "Flatten." Each of the shapes on the screen have had an operation carried out on them and demonstrate the outcome of each boolean group operation.

Looking to learn more about the basics behind text, shapes and media in Figma ?

Consult the list below to learn more about the basics behind text, shapes and media in Figma.

How to add text to a Frame in FigmaHow to resize a Text Frame in FigmaHow to add shapes to a Frame in FigmaHow to use Boolean Groups in FigmaHow to add images to a Frame in FigmaHow to use a mask in FigmaHow to crop an image in FigmaSearch blog for all Figma tutorials

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe