Combining and Subtracting Shapes in Figma
Key Concepts
- Combining Shapes
- Subtracting Shapes
- Intersecting Shapes
Combining Shapes
Combining shapes in Figma involves merging two or more shapes into a single shape. This is done using the "Union" operation, which creates a new shape that encompasses all the selected shapes. The resulting shape takes on the properties of the topmost layer, including its fill color, stroke, and effects.
For example, if you have a circle and a rectangle, you can combine them to create a new shape that has the properties of both. This is useful for creating complex icons or logos where simple shapes need to be merged to form a more intricate design.
Think of combining shapes as stacking layers of different colors. When you combine them, you get a new layer that shows all the colors from the original layers, creating a unique and complex design.
Subtracting Shapes
Subtracting shapes in Figma involves removing the overlapping area of one shape from another. This is done using the "Subtract" operation, which creates a new shape that is the result of subtracting the topmost shape from the bottom shape. The resulting shape retains the properties of the bottom shape.
For instance, if you have a rectangle and a circle, you can subtract the circle from the rectangle to create a new shape that has a circular cutout. This is useful for creating negative spaces or for designing elements like badges or logos with cutouts.
Imagine subtracting shapes as carving out a piece of a larger object. Just as you might carve a hole in a block of wood, you can carve out a shape from another shape in Figma to create a unique design.
Intersecting Shapes
Intersecting shapes in Figma involves creating a new shape that represents the overlapping area of two or more shapes. This is done using the "Intersect" operation, which creates a new shape that is the intersection of all selected shapes. The resulting shape takes on the properties of the topmost layer.
For example, if you have two overlapping circles, you can intersect them to create a new shape that is the area where both circles overlap. This is useful for creating complex patterns or for isolating specific areas of a design.
Think of intersecting shapes as finding the common ground between two objects. Just as two circles might overlap in the real world, you can find the overlapping area in Figma to create a new shape that represents their intersection.