Extend an existing experience

task australia Updated Sep 10, 2026 2 min read extending-existing-experience-servicenow-ai-experience-lab-for-vs-code.md
Raw file servicenow.com

Create an experience that extends an existing experience on the ServiceNow AI Platform®.

Before you begin

Role required: none

The ServiceNow Lux Lab for VS Code extension requires the following:

Application

Version

Resources for more information

Visual Studio Code

1.97 or later

Visual Studio Code updates

Node.js

24 or later

Node.js

pnpm

10 or later

pnpm

ServiceNow SDK

4.14 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 [Omitted image "servicenow-youmoji-icon.png"] icon in the side panel to open the ServiceNow Lux Lab for VS Code extension.

  3. On the home page, select + New project.

    [Omitted image "servicenow-ai-experience-new-project.png"] Alt text: Select + New project to create an experience in ServiceNow Lux Lab for VS Code.

  4. Select the instance that you want to deploy changes to.

    During ServiceNow Lux 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 Lux 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 Lux 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.

Keywords Extend experienceServiceNow AI Experience FrameworkServiceNow AI Experience Lab for VS Code
Search documentation
Search document titles and file paths on the australia branch