Skip to main content

Working in the Builder

The builder lets you compose pages visually by adding components, arranging them on the canvas, and editing their properties.

Basic Workflow​

  1. Open a project.
  2. Select or create a page.
  3. Drag components from the toolbox.
  4. Select elements on the canvas.
  5. Edit properties in the side panel.
  6. Save and preview.
Builder workspace
Screenshot placeholder to capture with Playwright MCP.
builder/builder-02-workspace
  1. 1Toolbox
  2. 2Canvas
  3. 3Property panel
Expected asset: builder/builder-02-workspace

Selecting Elements​

Click an element on the canvas or select it from the layers panel. The selected element shows controls for editing, moving, duplicating, or deleting.

Organizing Layout​

Use containers and grids before adding detailed content. This keeps the page easier to manage on desktop and mobile.

Recommended method

Build structure first, then content, then responsive refinements.