---
sourceDocument: Zurich Employee Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/employee-service-management

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# AI-powered Widget Builder

# AI-powered Widget Builder {#ariaid-title1}

* Release version: Zurich
* 
* Updated April 24, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

Summarize  
![AI sparkle icon](https://servicenow.com/docs/portal-asset/ai-sparkle-icon) 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 AI-powered Widget Builder

The AI-powered Widget Builder is a comprehensive authoring tool within ServiceNow's Employee Slate framework that enables administrators and partners to efficiently generate, clone, and refine Employee Slate widgets.
It integrates natural-language prompts, visual previews, and direct access to both component and server scripts, streamlining the process from concept to a fully functional widget without leaving the tool.
Show full answer Show less  

## Key Features

* **Widget Library:** Provides a searchable and filterable list of all widgets in the instance, including both custom and base system widgets. Administrators can duplicate or edit existing widgets and select the appropriate scope for new widgets.
* **AI-driven Widget Generation:** Uses natural language descriptions to generate widget code, validate it, and compile the widget for immediate preview. This process typically completes within 15 to 20 seconds and supports iterative refinement via follow-up prompts with full undo history.
* **Widget Properties Management:** Automatically generates and allows refinement of essential widget properties such as tag name, element name, description, chat compatibility (for interactive agent tools), and role-based access control to restrict widget visibility to specific employee roles.
* **Preview and Code Review:** Features a responsive preview workspace with drag, resize, and responsive layout checks that adhere to the Employee Slate design system and design tokens. Administrators can inspect and manually edit generated component and server script code, with the ability to provide sample input values for testing.

## Key Outcomes

* Accelerates widget development by enabling administrators to rapidly move from written requirements to working Employee Slate widgets within a single tool.
* Improves widget quality and consistency by validating and compiling code automatically before preview and supporting iterative refinements.
* Supports governance and security with role-based access settings and chat compatibility to integrate widgets into conversational agent tools.
* Requires a Now Assist Creator license for AI-driven generation; without it, administrators can still author widgets manually using the component and server script editors.  
Administrators and partners use the AI-powered Widget Builder to generate, clone, and refine Employee Slate widgets. The builder provides natural-language prompts, a visual preview, and direct access to the generated
component and server script.

The Widget Builder is the single authoring surface for all Employee Slate canvas widgets. It combines a widget library, an AI chat panel, and an inline code and preview workspace.
Administrators move from a written requirement to a working widget without leaving the tool.{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-1}

## Widget library {#eslate-ai-widget-builder__section-widget-library}

The first card in the Widget Builder lists every widget available in the instance. Administrators use the library to:{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-2}

* Search for widgets by name or description.
* Filter between custom widgets built in the instance and widgets included in the base system.
* Duplicate an existing widget as the starting point for a new one.
* Edit an existing widget directly.
* Select the scope in which to create the widget.
{#eslate-ai-widget-builder__ul-widget-library-actions}

## AI-driven widget generation {#eslate-ai-widget-builder__section-ai-generation}

The Widget Builder chat panel generates widget code from a written description. The builder creates the widget and validates the generated code. It then compiles the widget to confirm
that the output is a working component before it appears in the preview. Generation typically completes in 15 to 20 seconds.{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-3}

After the Widget Builder generates the widget, administrators refine it with follow-up prompts. Each prompt produces a new version of the widget that the administrator accepts or rejects.
The Widget Builder keeps an undo history so administrators can revert to any earlier version.{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-4}  
Note:  
AI-driven widget generation requires an Now Assist Creator license. Without the license, the chat panel isn't available and administrators author widgets manually in the component and server script editors.

## Widget properties {#eslate-ai-widget-builder__section-widget-properties}

The Widget Builder generates the widget tag name, element name, and description from the prompt. Administrators can refine the following properties:{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-5}  
{#eslate-ai-widget-builder__table-widget-properties__entry__2}

| Property | Description |
|-|-|
| Tag name and description | Identifies the widget in the library and in generated code. |
| Chat compatibility | Controls whether the widget maps to the output of tools that agents use. When turned on, administrators can map the widget to a tool output with interactive and inline toggle view in the conversation. |
| Role access | Limits the widget to employees with specific roles. For example, assign an administrator role to restrict the widget to administrators. |
[Table 1. Widget properties]

{#eslate-ai-widget-builder__table-widget-properties}

## Preview and code review {#eslate-ai-widget-builder__section-preview-and-code}

The Widget Builder preview supports drag, resize, and responsive checks so administrators can confirm that the widget behaves correctly across canvas layouts. Generated widgets follow the
Employee Slate design system and use design tokens for styling.{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-6}

Administrators open the generated component and server script to inspect the code and run manual quality checks. They can also edit the widget outside of the chat panel. To drive the preview, administrators provide sample input values through the widget settings.{#eslate-ai-widget-builder__eslate-ai-widget-builder-para-7}