Get started with Studio ↗

Original Documentation

Documentation Index#
Fetch the complete documentation index at: https://docs.langchain.com/llms.txt Use this file to discover all available pages before exploring further.

Studio in the LangSmith Deployment UI supports connecting to two types of graphs:

Graphs deployed on cloud or self-hosted.
Graphs running locally with Agent Server.

Deployed graphs#

Studio is accessed in the LangSmith UI from the Deployments navigation.

For applications that are deployed, you can access Studio as part of that deployment. To do so, navigate to the deployment in the UI and select Studio.

This will load Studio connected to your live deployment, allowing you to create, read, and update the threads, assistants, and memory in that deployment.

Local development server#

Prerequisites#

To test your application locally using Studio:

Follow the local application quickstart first.
If you don’t want data traced to LangSmith, set LANGSMITH_TRACING=false in your application’s .env file. With tracing disabled, no data leaves your local server.

Setup#

Install the LangGraph CLI:

    pip install -U "langgraph-cli[inmem]"
    langgraph dev
    ```

```bash
    uv add "langgraph-cli[inmem]"
    langgraph dev
    ```

```bash
    npx @langchain/langgraph-cli dev
    ```
  

  <span class="callout-start" data-callout-type="warning"></span>
**Browser Compatibility**
Safari blocks `localhost` connections to Studio. To work around this, run the command with `--tunnel` to access Studio via a secure tunnel. You'll need to manually add the tunnel URL to allowed origins by clicking **Connect to a local server** in the Studio UI. See the [troubleshooting guide](/langsmith/troubleshooting-studio#safari-connection-issues) for steps.
  <span class="callout-end"></span>

  This will start the Agent Server locally, running in-memory. The server will run in watch mode, listening for and automatically restarting on code changes. Read this [reference](/langsmith/cli#dev) to learn about all the options for starting the API server.

  You will see the following logs:

Ready!
API: http://localhost:2024
Docs: http://localhost:2024/docs
LangSmith Studio Web UI: https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:2024


Once running, you will automatically be directed to Studio.

2. For a running server, access the Dbugger with one of the following:

1. Directly navigate to the following URL: `https://smith.langchain.com/studio/?baseUrl=http://127.0.0.1:2024`.
2. Navigate to **Deployments** in the UI, click the **Studio** button on a deployment, enter `http://127.0.0.1:2024` and click **Connect**.

If running your server at a different host or port, update the `baseUrl` to match.

### (Optional) Attach a debugger

For step-by-step debugging with breakpoints and variable inspection, run the following:


```bash
# Install debugpy package
pip install debugpy
# Start server with debugging enabled
langgraph dev --debug-port 5678

# Install debugpy package
uv add debugpy
# Start server with debugging enabled
langgraph dev --debug-port 5678

Then attach your preferred debugger:

Add this configuration to launch.json:

    {
        "name": "Attach to LangGraph",
        "type": "debugpy",
        "request": "attach",
        "connect": {
          "host": "0.0.0.0",
          "port": 5678
        }
    }
    ```
  <span class="tab-end"></span>

  <span class="tab-start" data-tab-title="PyCharm"></span>
1. Go to Run → Edit Configurations
2. Click + and select "Python Debug Server"
3. Set IDE host name: `localhost`
4. Set port: `5678` (or the port number you chose in the previous step)
5. Click "OK" and start debugging
  <span class="tab-end"></span>
<span class="tab-group-end"></span>

<span class="callout-start" data-callout-type="tip"></span>
  For issues getting started, refer to the [troubleshooting guide](/langsmith/troubleshooting-studio).
<span class="callout-end"></span>

## Next steps

For more information on how to run Studio, refer to the following guides:

* [Run application](/langsmith/use-studio#run-application)
* [Manage assistants](/langsmith/use-studio#manage-assistants)
* [Manage threads](/langsmith/use-studio#manage-threads)
* [Iterate on prompts](/langsmith/observability-studio)
* [Debug LangSmith traces](/langsmith/observability-studio#debug-langsmith-traces)
* [Add node to dataset](/langsmith/observability-studio#add-node-to-dataset)

***


  <span class="callout-start" data-callout-type="note"></span>
[Edit this page on GitHub](https://github.com/langchain-ai/docs/edit/main/src/langsmith/quick-start-studio.mdx) or [file an issue](https://github.com/langchain-ai/docs/issues/new/choose).
  <span class="callout-end"></span>

  <span class="callout-start" data-callout-type="note"></span>
[Connect these docs](/use-these-docs) to Claude, VSCode, and more via MCP for real-time answers.
  <span class="callout-end"></span>

Link last verified June 7, 2026. View original ↗

Source: LangChain Docs

Link last verified: 2026-03-04