Web Design » Figma » How do you combine shapes in Figma?

How do you combine shapes in Figma?

Last updated on September 24, 2022 @ 6:57 pm

In Figma, shapes can be combined to create more complex designs. For example, a rectangle can be combined with a circle to create a shape with aoval edges.

Additionally, shapes can be combined to create icons or buttons.

When combining shapes, it is important to keep the shapes proportional. For example, if a shape is larger than the other, it should be scaled down accordingly.

PRO TIP: When combining shapes in Figma, be careful not to create overlapping areas, as this can result in unpredictable behaviour. If you do need to overlap shapes, consider using the “Exclude Overlapping Areas” option in the Arrange menu.

Additionally, it is important to keep the proportions of the shapes consistent throughout the design. If one shape is larger than another, it should be proportionately scaled in all directions.

Another important aspect to keep in mind when combining shapes is the order in which the shapes are placed. For example, if a circle is placed below a rectangle, the rectangle will appear as a border around the circle.

This is because the rectangle is placed on top of the circle, and the circle obscures the bottom portion of the rectangle.

Overall, it is important to experiment with combining shapes in Figma to create unique and visually appealing designs.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.