How Do You Subtract a Shape in Figma?

Figma is quickly becoming one of the most popular vector tools available for designers. With its intuitive UI, powerful vector tools, and collaboration features, it’s easy to see why.

One of the most useful features in Figma is the ability to subtract a shape from another shape. This technique can be used to create complex shapes, like logos or icons, with just a few clicks.

The first step in subtracting a shape in Figma is to create two separate shapes that you want to combine. This can be done by selecting the “Shapes” tool from the left-hand sidebar and then dragging and dropping your desired shapes onto the canvas. Once both shapes are on the canvas, select them both and then click on the “Subtract” icon located in the upper-right corner of the screen.

Next, you’ll need to select which shape you’d like to subtract from which. This can be done by clicking and dragging one of the shapes over top of the other.

Once you’ve done this, Figma will automatically subtract that shape from its parent shape. You may also need to adjust any overlapping areas between your two shapes by using either “Union” or “Intersect” depending on your desired outcome.

Finally, you’ll want to check that everything looks correct before moving on with your project. To do this, simply zoom out and take a look at your newly created shape from multiple angles. If everything looks good, then you’re ready to continue with whatever project you were working on!


Subtracting a shape in Figma is an easy process that allows designers to quickly create complex shapes with just a few clicks. By creating two separate shapes and then using either “Subtract”, “Union” or “Intersect” functions depending on your desired outcome, designers can easily combine their desired shapes into one cohesive design.