Layers


Layers give you the ability to easily manage groups of related components and they make working with complex projects easier than ever before.

Layers Basics

Edit the name of a layer by double clicking on it.

Layers give you the ability to easily manage groups of related components and they make working with complex projects easier than ever before.

You can think of each layer as a new, completely separate canvas to add components to.

Here is a quick demonstration:

Notice that with the Background layer selected I cannot selected components in Layer 1 and vice versa.

The order of layers controls the stacking order. Here's a quick demonstration.

Auto Select Active Layer

Sometimes, it's handy to be able to freely select your components without having to first select the layer. When the Auto Select Active Layer box is checked, components in all layers are accessible and UX-App will automatically switch to the correct layer.

Adding Layers

It's important to note that layers are a top-level organisational tool. You cannot add a layer inside of a component. If you add a new layer while editing a component, UX-App will apply your changes and then add the new layer.

In the following example, the tab panel is being edited, then a new layer is added. Notice that a new layer is not added inside of the tabs panel, rather the panel is first closed and then a new layer is stacked onto the document.

Example Project

Here's an example of how a web project could be orgasnised. Each section of the page can be on its own layer.

Hiding layers you are not currently working with is an excellent way to focus on just one aspect of your design at a time.

Actions & Events

You can also control layer visibility via Actions & Events!