The Editor has 3 main sections

The editor consists of a Canvas and two menu/tool bars

  • Canvas: the largest and most important section. Here you will see your project come to life by creating Block layouts and organizing them using the drag and drop tool.
  • Right sidebar: The right sidebar is responsible for controlling the behavior and styles (color, background, etc.) of any component that is placed on the canvas, the component settings, the layers, or the hierarchical structure of the page and the Component Blocks to add to the page.
  • Top bar: This section contains different commands for editing and managing your project, such as borderless preview, view code, undo, redo, import, clear canvas, and save the page.