How to Group Elements in Framer
- George Apostolov
How to Group Elements in Framer: step-by-step guide
Open your Framer project.
Select multiple elements inside the canvas.
Right-click the selection and choose 'Group'.
The elements are now grouped inside a new Frame, which you can resize, move, or style as one unit.
Quick answer: To group elements in Framer, first open your Framer project and select multiple elements inside the canvas. Next, right-click the selection and choose the Group option. Finally, manage the newly created Frame containing your elements as a single unit to resize, move, or style them together efficiently.
About this Framer tutorial
Combine multiple design elements inside your Framer canvas into a single editable Frame by using the right-click menu. This guide shows how to group Elements in Framer in 4 steps, starting with "Open your Framer project" and finishing with "The elements are now grouped inside a new Frame, which you can resize, move, or style a...". The interactive demo above is a click-through copy of the real Framer interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to group Elements in Framer?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Framer data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Framer. Related guides: How to Group in Framer, How to Hand Off Website Framer and How to Highlight Text in Framer. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
