Use case: Create an AI-generated experience

  • Release version: Australia
  • Updated August 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: Create an AI-generated experience

    This use case demonstrates how ServiceNow's AI-driven experience generation in UI Builder enables development teams to quickly create multi-page, citizen-facing portal experiences from natural language descriptions. It addresses challenges faced by teams under tight deadlines and varying levels of UI Builder expertise by automating the creation of structured experiences, streamlining the design process, and ensuring consistency.

    Show full answer Show less

    Key Features

    • Natural Language Input: Developers describe the desired experience (e.g., navigation style, charts, tables) using straightforward language within UI Builder.
    • Automated Multi-Page Experience Generation: ServiceNow Otto generates a fully structured preview of the experience, including navigation and data components, based on the input prompt.
    • Iterative Refinement: Developers can review, save, or regenerate the experience by refining the prompt to better meet requirements.
    • Accessibility for All Skill Levels: Both novice and experienced developers can quickly produce and customize portal experiences, reducing learning curve and manual effort.
    • Post-Generation Fine-Tuning: After generation, manual adjustments can be made to layouts, data sources, and styling to tailor the user interface further.

    How to Use

    • Ensure UI generation is installed and users have the uibuilderadmin role.
    • Navigate to UI Builder via All > Now Experience Framework > UI Builder.
    • Select Create then AI-Generated experience, and input a detailed description including experience name, navigation style, chart type, and relevant tables.
    • Use the Try an example option for guidance on prompt structure.
    • Select Generate preview to view the AI-generated experience and save or regenerate as needed.
    • After saving, verify configurations such as URL, app shell, roles, and page variants, then fine-tune within the page editor.

    Key Outcomes

    • Development teams can create multiple customized experiences within minutes compared to hours of manual work.
    • The approach promotes consistency across experiences and allows developers of varying expertise to contribute effectively.
    • Teams can focus their efforts on meaningful customization and enhancements rather than repetitive configuration tasks, improving productivity and delivery speed.

    Learn how to generate a multi-page UI experience from a natural language description.

    Scenario

    A government agency is rolling out a new citizen-facing service request portal on ServiceNow. A team of developers with varying levels of UI Builder experience needs to deliver multiple portal experiences quickly, including a dashboard for tracking request status by category, a tabbed experience for managing open cases by priority, and a breadcrumb-style experience for change requests. The team is under a tight deadline and cannot afford to build each experience from scratch.

    Problem

    Manually creating a multi-page experience in UI Builder involves several steps, including configuring the experience structure, navigation style, chart types, page layouts, and data sources. This process can be particularly challenging for developers who are less familiar with UI Builder, as it presents a steep learning curve. Furthermore, even experienced developers may find the manual creation of multiple experiences to be repetitive and time-consuming, increasing the risk of inconsistencies throughout the portal.

    Solution

    Experience generation empowers developers to create seamless experiences using natural language directly within the UI Builder. With this feature, developers can articulate their desired experience in a straightforward manner.

    ServiceNow Otto automatically generates a fully structured multi-page experience preview, allowing developers to review the output. They can choose to save the generated experience or refine their prompt to regenerate it for further adjustments.

    This functionality ensures that all team members, regardless of their level of expertise, can quickly produce a working experience within minutes. Subsequently, any necessary fine-tuning can be performed manually, streamlining the development process and enhancing overall productivity.

    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 Expereice generation feature in UI Builder:
    1. Navigate to All > Now Experience Framework > UI Builder.
    2. From the UI Builder Home page, select Create, then select AI-Generated experience.
    3. In the Create an experience form, enter a detailed description.
      For example: 
      Create a Tabbed experience called Service Request Tracker to help track open cases by priority using a bar chart.
      Tip:
      The quality of the generated experience largely depends on the clarity of your prompt. Include the following details: the name of the experience, the navigation style (such as Tabbed or Breadcrumb), the type of chart, and the table that users interact with. To see examples of effective prompts, you use the Try an example option in the Create an Experience form before writing your own.
    4. Select Generate preview.

      ServiceNow Otto generates and displays a preview of the experience.

    5. Review the generated experience. If satisfied, select Save and edit experience.

      If not, refine the description and select Regenerate preview.

    6. After saving, review the main experience page to confirm the URL, app shell, roles, and page variants are correctly configured.
    7. Repeat the steps to create additional experience (for example, Change Request Tracking and Request Status Dashboard experiences).
    8. Open each saved experience in the page editor to fine-tune layouts, data sources, and styling as needed.

    Outcome

    The development team creates three experiences in a few minutes, which is significantly faster than the hours it would take to build each one manually. Developers of all experience levels contribute, ensuring that the generated experiences have a consistent structure throughout the portal. As a result, the team can focus most of its time on meaningful customization rather than basic configuration.