Visual learners, this page is for you. Watch, pause and practice as often as you like.
Editor X Essentials
Meet your workspace, dive into site structure and learn how to work with breakpoints.
Discover the Workspace
Watch a site come to life step by step on Editor X and get answers to FAQs.
Introducing Editor X
Discover your workspace and get an introduction to your advanced layouting tools.
Learn the basics of creating a site on Editor X with a step by step walkthrough.
Learn how to add new sections, rearrange them and flip them to vertical.
See how to apply a grid, dock elements to gridlines and edit with custom units.
Dive into the concept of element hierarchy and parenting on Editor X.
Learn how to structure a website using pages, sections and containers.
Get to know where you control size, position and behavior of all elements.
Learn how to edit element style, position and behavior at every viewport width.
Design & Layouting
Learn how to size and dock elements and work with advanced layouting tools like flexbox and CSS Grid.
Discover 3 layouting tools that harness the power of flexbox technology.
Learn how to use stack to control the vertical relationship between elements.
Learn how to design responsive layouts using Layouter.
Learn how to lay out your content as slides using a Layouter set to the slides display type.
Learn how to use a Repeater to display dynamic content with uniform styling.
Add customizable wireframes and designed compositions to any site.
Choosing a layout tool
Explore the different benefits and responsive behaviors of Layouters, Repeaters and grids.
Discover how to set and edit the position type of elements and sections.
People are searching for
Introducing Editor X
Discover the Editor X workspace. Get an introduction to your advanced layouting tools and an overview of responsive web design features like breakpoints, flexbox and CSS grid.
Learn the basics of creating a site on Editor X. Get a step by step walkthrough covering the key features and capabilities.
LESSONS & EXERCISES
Design dynamic web experiences by adding a variety of interactions to any element on hover. Customize the interaction settings for every breakpoint, from transform adjustment to advanced design capabilities and timing control.
Interactions & Effects
Find out how to bring each site to life with scroll effects, animations and interactions.
Elements & Components
Explore how to work with everything you can drag onto your site from the Add panel.
Learn how to add, style, replace and position images on every site page.
Video & Decorative
Explore how to add and edit Transparent Videos, VideoBox and Vector Art.
Discover how to create and manage multiple custom menus on every site.
Link to a video tutorial on Multi-state boxes which are used to display different content, one state at a time.
Get to know features like breakpoints and anchors—and learn how to streamline your creation flow with Masters.
Explore how to streamline your workflow and drive collaboration with design libraries, concurrent editing and more.
Learn how to create, manage and share design libraries with your team.
Learn how to set up a team account.
Roles & Permissions
Discover how to assign and manage roles & permissions.
Learn how to communicate live on the Editor X canvas.