Use case: Using UI Builder Agent

  • Release version: Australia
  • Updated June 16, 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 Using UI Builder Agent

    The UI Builder Agent is an integrated, chat-based assistant within the ServiceNow UI Builder page editor that helps developers—especially those new to the platform—accelerate page configuration through conversational AI. It enables developers to ask questions, request page modifications, and receive configuration guidance without leaving the editor, streamlining the creation of user experiences such as employee self-service portals.

    Show full answer Show less

    Key Features

    • Conversational Assistance: Developers can inquire about page configurations, such as client scripts, layout options, and component additions, receiving instant, documentation-backed answers.
    • Direct Page Modification: The agent can apply requested changes directly, such as implementing multi-column layouts or adding buttons with external links, reducing manual configuration steps.
    • Script Awareness: It provides detailed insights about existing client scripts on the page, helping developers understand potential impacts before making layout or component changes.
    • Integrated in UI Builder Editor: Accessed via the Now Assist chat panel, it keeps workflow uninterrupted within the UI Builder environment.

    Practical Usage Steps

    • Ensure UI generation is installed and that you have the uibuilderadmin role.
    • Navigate to All > Now Experience Framework > UI Builder and open the target experience and page.
    • Open the Now Assist panel and interact with the UI Builder Agent by asking about client scripts, layout options, or requesting specific changes.
    • Review and adjust the applied changes directly in the page editor.

    Benefits for ServiceNow Customers

    By using the UI Builder Agent, customers can:

    • Reduce dependency on external documentation during page development.
    • Accelerate the creation and modification of complex page layouts and components.
    • Gain confidence in page configurations by understanding existing client scripts before making changes.
    • Improve productivity for citizen developers and new users of UI Builder.

    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.