Workspace

The Editor X canvas is wide and flexible. Panels appear as you need them, and you can move elements around freely using smooth drag and drop.

Canvas

Your canvas is divided into horizontal sections. By default, you have a header, a footer and a large section in the middle. You can move them around and add as many sections and pages as you want. Use the resize handles at the side of your canvas to adjust the width. This lets you see and design your site at every viewport.

Editor X platform creating a headphone website called Walkers with brunette girl wearing headphones

Add panel

Drag any kind of element onto your canvas, from simple shapes and text, to social bars and fully designed sections.

Action bar

Select any element on your canvas to open this floating action bar. From here, you can choose an animation, insert links, add comments and more.

Photo of man wearing headphones below website breadcrumbs

Inspector panel

This is where you can control the properties of a selected element. Jump through the tabs to see what’s possible—from adjusting the size and position to changing the design and adding interactions.

Layers

Use the Layers panel to view the hierarchy and parenting relationships between elements on each page. Rename each layer to stay organized and select or edit specific elements using the 3 dots.

Masters

Masters are sections of content that can show on multiple site pages. Changes you make to one will affect this Master everywhere it appears on your site.

Breakpoints

The breakpoints navigator at the top of your canvas lets you jump between 3 preset breakpoints—desktop, tablet and mobile. Click the 3 dots to customize breakpoints and add more.