header-logo
Getting started with WixLearn how to build your website and business using Wix.
Creating a websiteDesign and manage your site with smart functionalities.
Account & billingManage subscriptions, plans and invoices.
Using the Wix mobile appsRun your business and connect with members.
Connecting a domainLearn to purchase, connect or transfer a domain to your site.
Managing your businessGet tools to grow your business and web presence.
Promoting your siteBoost your visibility with SEO and marketing tools.
Studio, Partners & EnterpriseGet advanced features to help you work more efficiently.
Need more help?Find solutions, learn about known issues or contact us.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image

Wixel: Managing frames and layers in your design

4 min
In this article
  • Using frames and layers
  • Grouping elements
  • Ungrouping elements
  • FAQs
Frames and layers help you keep your creative projects organized and flexible from start to finish. With frames, you can design for multiple formats, like Facebook, Instagram, and LinkedIn posts, all within a single project. 
The Layers panel gives you complete control over every element in your design, making it easy to arrange, lock, or remove parts as you go. This lets you focus on your vision and achieve a polished, professional result every time.
A screenshot of the Layers panel in Wixel.

Using frames and layers

Learn how to work with frames and layers efficiently, to help your project stay organized.
  1. Go to your project in Wixel.
  2. Click the Layers icon  at the top right.
  3. Choose what you want to do:
The options on the Layers panel in Wixel.

Grouping elements

Grouping elements makes it easier to organize your design and move, resize, or edit multiple elements at once. You can group any combination of elements, such as text, images, or shapes. The selected elements become a single group, which appears as a group in the Layers panel.
A screenshot of grouped elements in Wixel.
Note:
This feature is only available on your desktop.

To group elements:

  1. Go to your project in Wixel.
  2. Hold the Shift key and select the relevant elements.
  3. Click Group Elements at the top.
    Tip: You can also press Ctrl + G Cmd + G in your keyboard to group the elements.
A screenshot of grouping elements in Wixel.

Ungrouping elements

Ungroup elements at any time to return to managing elements individually. This doesn't remove the elements from your project, it only breaks apart the group they were in.

To ungroup elements:

  1. Go to your project in Wixel.
  2. Select the relevant group and click Ungroup Elements.
    Tip: You can also press Ctrl + Shift + G (PC) / Cmd + Shift + G (Mac) in your keyboard to quickly ungroup.
A screenshot of ungrouping elements in Wixel.

FAQs

Click a question to learn more about layering in Wixel.