Screens and components

Build the content and layout users see. Arrange components, keep the design consistent across screens, and add interactions.

Screens hold the visible parts of an Experience. Components make up each screen, including text, images, buttons, and inputs.

Arrange a screen

Open the Project’s design canvas and select the screen you want to work on. Inspect its components and adjust their content and layout, or ask Nuxie for a specific change.

Give each screen a clear purpose. A paywall might explain the benefits, present the available plans, and offer a purchase action. An onboarding screen might collect one answer before continuing.

Reuse a consistent design

Keep typography, spacing, and button treatments consistent across screens. Use Styling and themes to manage the visual choices behind the design.

Add behavior

A button needs an action, and an input needs a place to store its value. Connect those in Interactions and flows and Data and bindings.

Use Preview to check the layout with realistic text and input.