header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wixel: Managing frames and layers in your design

5 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.
Dashboard
Wixel app
  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:

Dashboard
Wixel app
  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.