# How to view layers in WireframePro editor?

> MockFlow WireframePro editor provides an intuitive way to navigate layers in a wireframe drawing. Learn how to rearrange, show,...

Source: https://mockflow.com/docs/wireframepro/editor/view-layers-in-wireframepro-editor

MockFlow WireframePro editor provides an intuitive way to navigate layers in a wireframe drawing. Learn how to rearrange, show, or hide, group, and rename the layer groups inside MockFlow.

## **What is Layers?**

Layers represent different levels of content and elements stacked on top of each other, allowing designers to maintain a clear structure and easily manipulate individual parts of the design.

To access the layers inside the WireframePro editor, follow the steps below

1. Inside the MockFlow editor, choose 'Layers' from the top bar, and the layers sidebar appears.

![Screen Shot 2025-03-27 at 5.41.00 PM.png](https://assets.mockflow.com/docs/media/ffc5125fdfdc73eb3f2d5fb6.webp)

## **Rearrange**

The layers can be rearranged by dragging and dropping them, which will adjust the position of the components on the canvas.

![Layers - MockFlow WireframePro](https://assets.mockflow.com/docs/media/5a455dec35bb34ce8b04894a.gif)

## **Show and Hide Layers **

To differentiate between design variations in complex projects, effectively utilizing the show and hide features will help you organize your wireframes and streamline your workflow.

Tap on  to show and tap  to hide the layers.

Watch this short video tutorial to learn how to show or hide layers in your MockFlow wireframe project:

[Video](https://www.youtube.com/embed/XiAuR0ScsgY)

## **Group Layers **

The Layers can be grouped by selecting the layer items and clicking on the 'Group Components' from the sidebar.

![Group Layers - MockFlow WireframePro](https://assets.mockflow.com/docs/media/92b1e071f9433f565c997e6f.gif)

## **Rename the Layers **

By renaming the layers, you can quickly identify their purposes, making it easier to manage complex designs. To rename a layer, double-click on the layer item, enter the new name, and click 'Rename.'

![Rename layers - MockFlow WireframePro](https://assets.mockflow.com/docs/media/5c141af0690565d651cc3c93.gif)