LangGraph Studio

Visual IDE for debugging and interacting with graphs. Real-time state inspection, step-through execution, breakpoint debugging.

Quick Reference

→LangGraph Studio: a desktop IDE that visualizes your graph structure and lets you interact with it in real time
→Real-time state inspection: see the full state object after every super-step as the graph executes
→Step-through execution: advance the graph one node at a time to observe intermediate state changes
→Breakpoint debugging: set breakpoints on nodes to pause execution and inspect or modify state
→Thread management: browse, fork, and replay threads visually without writing code

What is LangGraph Studio?

Visual IDE for LangGraph

LangGraph Studio is a desktop IDE that visualizes your graph, lets you interact with it in real time, and provides debugging tools like breakpoints and state inspection.

Available as a desktop app for macOS and as a web interface in LangSmith, Studio bridges the gap between writing graph code and understanding what it does at runtime. You see your graph rendered as an interactive diagram, send inputs, watch execution flow through nodes in real time, inspect state at every checkpoint, set breakpoints, modify state mid-execution, and replay past threads. It is the fastest way to go from 'my agent is doing something wrong' to 'I found the exact node where the reasoning diverges.' Studio connects to your local development server or a deployed LangGraph Cloud instance -- it does not require any code changes to your graph.

Graph Visualization

See your graph rendered as an interactive diagram -- nodes, edges, conditional labels, subgraphs all visible. The visualization updates automatically as you modify your code. This is invaluable for verifying that your graph structure matches your intent. Common mistakes like missing edges, wrong conditional targets, or disconnected nodes are immediately visible in the diagram. For complex graphs with subgraphs, the visualization shows nested boundaries so you can understand the hierarchy at a glance.

Real-Time State Inspection

Watch the full state object update after every super-step as the graph executes. Click any checkpoint to see the state at that exact moment. Every key, every value, every message -- laid out in a structured view. For message lists, you see each message with its role, content, tool calls, and metadata. For custom state fields, values are displayed with their types. This eliminates the most common debugging pattern: adding print() statements to every node to see what's happening. Studio shows you everything without modifying your code.

Sign in to read this article

This is a premium article. Sign in with your Google account to continue.