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.
This will combine the selected objects into a single shape.
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.
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.