Web Design » Figma » How Do You Merge Objects in Figma?

How Do You Merge Objects in Figma?

Last updated on February 26, 2023 @ 8:16 am

If you’re working on a design in Figma that involves multiple objects, you may need to know how to merge those objects into a single shape. For example, you may have a design with multiple overlapping circles that you want to turn into a single shape.

Or, you may have a design with multiple connected rectangles that you want to turn into a single shape. Whatever the reason, knowing how to merge objects in Figma can come in handy.

There are 3 ways how you can merge objects in Figma.

1. Using the ‘Union selection’ functionality

To merge objects in Figma, simply select the objects you want to merge and select the ‘Union Selection’ option in the top-middle toolbar.

NOTE: The Union Selection tool usually takes the color of the object in front and applies it to the merged result.

This will combine the selected objects into a single shape.

NOTE: Keep in mind that once you merge objects, they can no longer be edited as individual shapes. So if you need to edit the merged object, you’ll need to triple-click on the merged object to be able to edit one of them.

2. Using the ‘Create component’ functionality

Another way to merge two objects is to select the ‘Create Component’ option, still in the top toolbar.

This will combine the selected objects into one component.

3. Using the ‘Group selection’ functionality

The last way to merge two objects is to select both of the objects that you want to merge, right-click on them, then select ‘Group Selection‘ from the options.

 

This will group the two objects together into one element.

PRO TIP: If you are planning to merge objects in Figma, be aware that this can potentially cause problems down the line. Make sure that you know exactly what you are doing and why you are doing it before proceeding. Additionally, it is always a good idea to save your work beforehand in case something goes wrong.

There are some things to keep in mind when merging objects in Figma. First, only certain types of objects can be merged. For example, you can’t merge text objects or bitmap images. Second, when merging shapes, Figma will try to preserve the appearance of your design as much as possible. So if you’re merging two circles and one is filled with black and the other is filled with white, the merged object will be filled with black and white (not gray).

All in all, merging objects in Figma is a pretty straightforward process. Just select the shapes you want to merge and use any of the three methods mentioned above. Keep in mind that once you merge shapes, they can no longer be edited as individual shapes.

In conclusion, merging objects in Figma is a quick and easy way to turn multiple objects into one shape while preserving your design’s appearance.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.