Skip to content

App Builder

When you open a project, Lucy Studio displays the App Builder workspace.

The App Builder has four primary areas: Action Bar, Plate, Canvas, and Panel.

App Builder

Action Bar

Action Bar is the top toolbar where you run core project actions quickly.

  • Purpose: Access save, run, preview, deploy, and other frequently used actions.

Plate

Plate is the left panel for structured project and component management.

  • Purpose: Create, move, and delete files while keeping the project structure visible.
  • Common use: Manage pages, inspect the widget tree, and browse assets.

Canvas

Canvas is the center workspace where you build UI with drag and drop.

  • Purpose: Design screens and verify changes with live preview.
  • Common use: Build responsive layouts quickly.

Panel

Panel is the right-side editor for the selected widget.

  • Purpose: Configure style, typography, events, animation, and data bindings.

Lucy Studio App Builder combines design, development, real-time collaboration, and version control in one workflow.

For detailed usage, see the page for each workspace area.