Extend an existing experience

  • Release version: Australia
  • Updated August 4, 2026
  • 1 minute to read
  • Create an experience that extends an existing experience on the ServiceNow AI Platform®.

    Before you begin

    Role required: none

    The ServiceNow® AI Experience Lab for VS Code extension requires the following:
    Application Version Resources for more information
    Visual Studio Code 1.97 later Visual Studio Code updates
    Node.js 24 or later Node.js
    pnpm 10 or later pnpm
    ServiceNow SDK 4.10 or later ServiceNow SDK
    ServiceNow instance
    • Australia Patch 5 or later
    • Zurich Patch 12 or later
    Prepare your upgrade

    Procedure

    1. Navigate to Visual Studio Code.
    2. Select the ServiceNow icon in the side panel to open the ServiceNow® AI Experience Lab for VS Code extension.
    3. On the home page, select + New project.
      Select + New project to create an experience in ServiceNow® AI Experience Lab for VS Code.
    4. Select the instance that you want to deploy changes to.
      During ServiceNow® AI Experience Lab for VS Code extension setup, you connect to the instance that contains the files you want to access and where you want to preview and deploy changes. For more information or to connect another instance, see Connect ServiceNow® AI Experience Lab for VS Code extension to an instance.
    5. Select the location where you want your want your project to live on your local drive.
    6. Enter a name for your experience and then select the Enter key.
    7. From the list, select the option Extend Existing App.
    8. Select the name of the experience that you want to extend from the list.
      The list of experiences that can be extended are populated from the instance that you're connected to. Verify that the experiences you created and want to extend have been deployed to your instance.
    9. Enter a name for your application scope and then select the Enter key.
      ServiceNow® AI Experience Lab for VS Code extension scaffolds your experience. Once created, Visual Studio Code reloads with your experience files loaded.

    Result

    Your extension experience is created. The pages for the experience are located under the /src/extensions/<your-experience-scope-name>/your-experience-name folder structure. When you create an extension experience, a sample page and widget are also created.

    What to do next

    Create a page or extend an existing experience for your extension experience.