3 Path Operations in Figma

Path Operations in Figma allow you to manipulate and combine vector paths to create complex shapes. Understanding these operations can significantly enhance your design capabilities. Here are three key path operations:

1. Union

The Union operation combines two or more overlapping paths into a single shape. The resulting shape includes all the areas covered by the original paths. This operation is useful for creating compound shapes from simpler ones.

For example, if you have two overlapping circles and you apply the Union operation, the resulting shape will be a single, unified circle that includes both original circles. This is akin to merging two overlapping circles into one, where the overlapping area is not duplicated but rather seamlessly integrated.

2. Subtract

The Subtract operation removes the area of one path from another. The path that is subtracted acts as a "cookie cutter," cutting out the specified area from the target path. This operation is ideal for creating cut-out effects or removing parts of a shape.

Imagine you have a rectangle and a smaller circle. If you apply the Subtract operation with the circle as the cutting path, the resulting shape will be the rectangle with a circular hole where the circle was positioned. This is similar to using a stencil to cut out a shape from a larger piece of paper.

3. Intersect

The Intersect operation creates a new shape that includes only the overlapping areas of the original paths. This operation is useful for isolating specific parts of complex shapes or creating new shapes from intersections.

For instance, if you have two overlapping rectangles and you apply the Intersect operation, the resulting shape will be a new rectangle that represents the area where the two original rectangles overlap. This is like focusing on the common ground between two overlapping maps, highlighting only the shared territory.

By mastering these three path operations, you can create intricate and precise vector designs in Figma. Whether you're combining simple shapes to form complex icons or cutting out sections to create unique designs, path operations provide the flexibility and control you need to bring your creative vision to life.