How to Group in Figma

Figma makes organizing your designs simple with its powerful grouping feature. Whether you’re aligning icons, combining elements into a button, or cleaning up your layers panel, grouping helps you treat multiple objects as one unit. It’s a basic but essential tool for faster, cleaner workflows in Figma.

This article will show you how to group and ungroup elements in Figma, plus when and why to use it effectively.

how to group in figma
how to group in figma

✅ What Does Grouping Do in Figma?

Grouping combines selected objects into a single group so they:

  • Move together
  • Scale proportionally
  • Stay aligned
  • Are easier to manage in the Layers panel

You can still double-click to access and edit individual elements within a group.

🔧 How to Group in Figma

Steps:

  1. Select the Objects
    Hold Shift and click multiple elements, or drag your cursor to select them all.
  2. Group Them
    • Use the shortcut:
      • Windows: Ctrl + G
      • Mac: Cmd + G
    • Or right-click and choose “Group Selection” from the menu.

The elements will be wrapped in a single group, which shows as a folder in the Layers panel.

🔓 How to Ungroup in Figma

Need to break things apart?

  1. Select the grouped element.
  2. Press Shift + Ctrl + G (Windows) or Shift + Cmd + G (Mac),
  3. Or right-click and select “Ungroup”.

Your elements will return to individual layers, preserving their position and styling.

🧩 Groups vs. Frames: What’s the Difference?

While both group and frame organize content, they’re not the same:

FeatureGroupFrame
Used forSimple bundling of elementsLayout, constraints, nesting
Can apply constraints?❌ No✅ Yes
Used in auto layout?❌ No✅ Yes
Has background/fill?❌ No✅ Yes

🔍 Tip: Use Groups for lightweight bundling and Frames when you need layout control, padding, or nested components.

🎯 When to Use Grouping

  • Keeping icons and labels together
  • Managing clustered content like cards or buttons
  • Simplifying your Layers panel
  • Preparing design handoff for developers
  • Locking elements together for consistent scaling

Final Thoughts

Grouping in Figma is a simple but powerful way to stay organized and efficient. With just a keyboard shortcut, you can combine elements into a clean, movable unit—perfect for building consistent interfaces. Whether you’re designing a layout or prepping for handoff, mastering groups will save you time and stress.