Get started with Studio

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

• Graphs deployed on cloud or self-hosted.
• Graphs running locally with LangGraph 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

1. Install the LangGraph CLI:

   pip

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

   Browser Compatibility Safari blocks localhost connections to Studio. To work around this, run the command with --tunnel to access Studio via a secure tunnel.

   This will start the LangGraph Server locally, running in-memory. The server will run in watch mode, listening for and automatically restarting on code changes. Read this reference to learn about all the options for starting the API server.

   You will see the following logs:

   > Ready!
   >
   > - API: [http://localhost:2024](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:

pip

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

Then attach your preferred debugger:

VS Code

Add this configuration to launch.json:

{
    "name": "Attach to LangGraph",
    "type": "debugpy",
    "request": "attach",
    "connect": {
      "host": "0.0.0.0",
      "port": 5678
    }
}

For issues getting started, refer to the troubleshooting guide.

Next steps

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

• Run application
• Manage assistants
• Manage threads
• Iterate on prompts
• Debug LangSmith traces
• Add node to dataset

---

Edit the source of this page on GitHub