Switch to App Designer for low-code fine-tuning

Aim: Seamlessly move between AI-generated development and manual low-code editing for situations where precise, hand-crafted logic or component configuration is required.

Previous steps

  1. Set up Naia Build workspace

  2. Plan your app via prompt

  3. Scaffold your app

  4. Connect data sources and APIs

  5. Iterate on the UI with Smart Inspect

When to use the App Designer in low-code mode

Using the Neptune DXP - Open Edition App Designer to make manual low-code modifications is the right choice when:

  • You need to configure a component property that Naia Build cannot reliably infer from a prompt alone.

  • A specific binding or event handler requires knowledge of your internal Neptune DXP platform conventions that are not exposed through the API schema.

  • You want to inspect and validate the exact XML or JavaScript that Naia Build has generated before proceeding.

  • You are making a small, surgical change where a prompt would be less efficient than a direct property edit.

Procedure

  1. In the live app editor, select the low-code editor via Switch to Edit Mode .

    Result: The combined low-code editor opens, displaying the user interface of the Neptune DXP - Open Edition App Designer Preview pane in the live app editor and the application tree and component library in the Drag&Drop tab embedded directly within the Naia Build workspace.

  2. Browse the application tree to find the element you want to edit. Use the component IDs you identified earlier with inspect mode to navigate quickly. Double-click a component to open its own specific Setting/properties pane.

  3. Make your manual changes.

    Edit component properties, bindings, event handlers, or scripts directly in the Settings/properties pane. This is full low-code editing. All standard Neptune DXP - Open Edition App Designer capabilities are available here.

  4. Switch back to AI mode.

    When you are done with manual editing, return to the Chat tab and continue prompting. Naia Build is context-aware, so it recognizes the current state of your application, including the manual changes you made, and continue generating from that point. You can switch in and out of low-code mode at any time.

Manual changes made in low-code mode via the embedded Neptune DXP - Open Edition App Designer are recorded in the History tab like any other change. If a subsequent AI prompt unexpectedly overwrites your manual edit, use the History tab to recover it by comparing changes and rolling back versions. Do not assume AI-generated changes will automatically preserve all manual customizations.

Result

  • You have applied manual adjustments directly in the embedded Neptune DXP - Open Edition App Designer within the Naia Build workspace, and these adjustments are recorded alongside all AI-generated changes. Naia Build retains awareness of the current application state, and AI-assisted development can continue from the updated baseline.

Next steps

Related topics