Preview an app file in ServiceNow Studio

---
title: Preview an app file in ServiceNow Studio
description: Preview app files in ServiceNow Studio before publishing to confirm that the file looks and functions as expected. Only files with a user interface support preview.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/application-development/servicenow-studio-classic/preview-app-file.html
release: brazil
product: ServiceNow Studio Classic
classification: servicenow-studio-classic
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Applications in ServiceNow Studio, Use, ServiceNow Studio, Build, AI Workflow Factory Prime, Agentic app development, Building applications]
---

# Preview an app file in ServiceNow Studio

Preview app files in ServiceNow Studio before publishing to confirm that the file looks and functions as expected. Only files with a user interface support preview.

## Before you begin

Role required: admin or delegated\_developer

## About this task

Use preview to verify how an app file looks and behaves before it reaches end users. Files with preview capabilities open directly in preview mode in ServiceNow Studio, bypassing the record view.

Begin or continue a conversation with Build Agent to edit previewed files through a conversational interaction. For more information, see [Use Build Agent](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/use-build-agent.md).

## Procedure

1.  Navigate to **All** > **App Engine** > **ServiceNow Studio**.

2.  Preview files from the App details page or from within an open file.

<table id="choicetable_e2q_c5z_tfc"><thead><tr><th align="left" id="d250945e136">

Option

</th><th align="left" id="d250945e139">

Description

</th></tr></thead><tbody><tr><td id="d250945e145">

**Preview from App details**

</td><td>

1.  Open an application in the canvas.
2.  Next to the file you want to preview, select the more options icon \[Omitted image "sn-studio-more-options-icon.png"\] Alt text:, and select **Preview** to open the file in preview mode.

\[Omitted image "sn-studio-preview-app-details.png"\] Alt text: Select the Preview button.

</td></tr><tr><td id="d250945e177">

**Preview from an open file**

</td><td>

Files with preview capabilities automatically open in preview mode. After you close the preview, reopen the preview by selecting **Preview** in the file record.

</td></tr></tbody>
</table>
## Result

Review the file for layout, functionality, and content errors. Return to the canvas to make corrections, then reopen the preview to verify changes.

**Parent Topic:**[Applications in ServiceNow Studio](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/brazil/markdown/application-development/servicenow-studio-classic/working-with-apps-in-servicenow-studio.md)