How Do You Cut One Shape Out of Another in Figma?

Figma is a powerful design tool that allows users to quickly and easily create digital designs. One of the most useful features in Figma is the ability to cut one shape out of another.

This feature can be used to create complex designs, such as logos, illustrations, and web pages. With this feature, designers are able to experiment with shapes and color combinations to create visually interesting designs.

In order to cut one shape out of another in Figma, first select the two shapes you want to work with. Then on the right side of your screen find the “Subtract” button under “Shape Modes”.

By clicking this button, you will remove all overlapping areas from your selected shapes. You can also experiment with other Shape Modes such as Union, Intersect and Exclude Overlap.

Once you have subtracted the overlapping areas from your shapes, you may want to adjust their size or position on your canvas. To do this, click and drag any corner of your shape or use the arrow keys on your keyboard to move it around. You can also resize it by clicking and dragging any corner or side of the shape.

Figma also offers a few other options that allow you to get creative with cutting shapes out of each other. For example, if you want to add a border around one shape while cutting out another shape from it, you can use the “Border” option in Shape Modes. You can also create rounded corners for a more organic feel by using the “Round Corners” option in Shape Modes.


Cutting one shape out of another in Figma is an easy and efficient way for designers to create unique and visually interesting designs quickly and easily. By using the Subtract feature under Shape Modes as well as experimenting with other options such as Border or Round Corners, designers are able to further customize their designs according to their needs.