Use case: Using UI Builder Agent

  • Release version: Australia
  • Updated June 11, 2026
  • 2 minutes to read
    • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Use case: Using UI Builder Agent

    ServiceNow’s UI Builder agent is an integrated, chat-based assistant designed to help developers, especially citizen developers, configure pages efficiently within the UI Builder page editor. It accelerates page setup by providing instant, context-aware guidance and the capability to directly apply page changes without leaving the editor. This improves workflow continuity and reduces the need to consult external documentation.

    Show full answer Show less

    Using the UI Builder Agent

    The UI Builder agent supports tasks such as verifying existing client scripts on a page, explaining layout options, and implementing page modifications like multi-column layouts and adding navigation buttons. It is particularly beneficial for users who are new to UI Builder or unfamiliar with specific configuration steps.

    Configuration and Usage Steps

    • Ensure UI generation is installed and the user has the uibuilderadmin role.
    • Navigate to All > Now Experience Framework > UI Builder and open the relevant experience and page in edit mode.
    • Open the Now Assist panel within the page editor to interact with the UI Builder agent through chat.
    • Use natural language queries to:
      • Check for client scripts on the page.
      • Request explanations on layout options like a three-column layout.
      • Command the agent to apply layouts or add components such as buttons with external links.
    • Review and adjust the applied changes directly within the page editor as needed.

    Benefits for ServiceNow Customers

    • Speeds up configuration by eliminating context switches to documentation.
    • Enables confident changes by providing visibility into existing page scripts and configurations.
    • Facilitates rapid prototyping and customization of user experiences, such as employee self-service portals.
    • Supports less experienced developers by offering guided, actionable assistance in real time.

    Learn UI Builder features and accelerate page configuration using conversational AI.

    Scenario

    A citizen developer at a retail company is creating an employee self-service portal using UI Builder. They are relatively new to the platform and are working on a page that requires a three-column layout, along with a button that links to an external HR system. Additionally, they would like to verify whether any client scripts are running on the page before making any layout changes.

    Problem

    The developer is not yet familiar with UI Builder ’s configuration options. Looking up documentation for each task interrupts their workflow and slows progress. They are unsure how to apply a multi-column layout, add a button with an external link, or check whether existing scripts might be affected by their layout changes.

    Solution

    The UI Builder agent is available directly within the UI Builder page editor as a chat-based assistant. The developer can ask questions about features, request page modifications, and get configuration insights — all without leaving the editor. The agent provides instant answers backed by the latest ServiceNow documentation and can directly apply changes to the page on the developer’s behalf.

    Before you begin

    Make sure that you install UI generation and that you have the ui_builder_admin role. For more information, see Install UI generation and Grant UI Builder admin role.

    Configuration steps

    Perform the following steps to use UI Builder agent:
    1. Navigate to All > Now Experience Framework > UI Builder.
    2. Open the employee self-service portal experience.
    3. Open the page to edit and open the Now Assist panel from the page editor.
    4. In the chat panel, do the following:
      • Ask the UI Builder agent if there are any client scripts on the page: Are any client scripts used on my page?

        The agent provides a detailed breakdown of the page’s current scripts and configurations.

      • Ask the UI Builder agent how you can apply a three-column layout: How can I apply a three-column layout to this page?

        The agent explains the available layout options and relevant steps.

      • Ask the UI Builder agent to add a three-column layout to the page: Apply a three-column layout to this page.

        The agent implements the layout change.

      • Ask the UI Builder agent to add a button with label and navigation: Add a button with the label 'Visit HR Portal' that links to https://hr.example.com in a new window.

        The agent adds and configures the button component.

    5. Review the changes in the page editor and make any necessary adjustments to the styling.

    Outcome

    The developer sets up a three-column layout and adds a linked button component in a single session, with guidance from the UI Builder agent. They also gain confidence in their page's script configuration before making any changes. Tasks that would have typically required multiple searches through documentation are now completed without leaving the editor.