Skip to content
DragGo Docs

Editor overview

The DragGo editor has four main areas.

+PublishLayersAssetsSectionStackHeadingTextButtonImageDesktop · 1280Get startedDesignLAYOUTSIZEW384HAutoTYPOGRAPHYPoppins48FILL#296DD8RADIUS
Layers on the left · the infinite canvas with your artboard in the middle · the Design panel on the right — with the breakpoint switcher and Publish up top.

Top toolbar

Section titled “Top toolbar”

On the left: the DragGo mark, then Insert (all elements), Layout (frames, stacks, grids), Text and Vector (pen & shapes). On the right: Preview and Publish.

Left panel

Section titled “Left panel”

Three tabs:

  • Pages — the pages in your project.
  • Layers — the nested layer tree: select, rename, hide, lock, reorder.
  • Assets — colours, fonts, text styles, variables, icons, media and your saved Components.

A search box sits above the list.

Canvas

Section titled “Canvas”

A DOM-based infinite canvas (translate + scale). Single-click to select, double-click to drill in, Esc to select the parent. The bottom view-bar has zoom and the breakpoint switcher. Add a breakpoint from the + on an artboard’s label — Generate, Tablet (810), Phone (390) or Custom.

Right panel — Design

Section titled “Right panel — Design”

The inspector. Selected element? You get Position · Size · Layout · Styles · Transform · Effects · Interactions · Accessibility and more, organised as collapsible sections. Nothing selected? You get page-wide settings — canvas widths, colour mode and template.