How Do You Subtract in Figma?

Figma is a software design tool that helps designers create interface graphics and prototypes for websites, apps, and other projects. It is becoming increasingly popular with designers who need an easy-to-use yet powerful tool for their work.

One of the key features of Figma is its ability to subtract elements from one another. This can be a great way to create complex shapes or to create different variations of existing elements. In this article, we will look at how to subtract in Figma and some tips for getting the best results.

The first step in subtracting elements in Figma is to select the elements you want to subtract from one another. To do this, simply click on each element while holding down the Shift key. Once all the elements are selected, click on the Subtract icon (which looks like two overlapping squares) located in the toolbar at the top of your screen.

Next, you will need to select which element will be used as the base shape for your subtraction. To do this, simply click on the element you want to use as your base shape and then click on the Subtract icon again. This will create a new shape with all of the other selected shapes subtracted from it.

When subtracting elements in Figma, it is important to make sure that your shapes are aligned properly so that they fit together correctly when they are subtracted. You can do this by using Figma’s alignment tools such as snapping and grids. These tools can help you ensure that your elements are perfectly aligned before they are subtracted.

It’s also important to pay attention to which elements you are subtracting from each other as some shapes may not interact correctly when combined in this way. For example, if you are trying to subtract a circle from a square it may not produce the desired result so it’s best to avoid combining these two shapes together when using subtraction.


Subtracting elements in Figma is an incredibly useful tool for creating complex designs quickly and effortlessly. By selecting multiple elements and then clicking on the Subtract icon, designers can easily create new shapes out of existing ones with just a few clicks. Additionally, aligning your elements properly before subtracting them helps ensure that they fit together correctly when combined and avoiding certain combinations helps prevent any unexpected results.