n8n Studio

I built n8n Studio to see all my workflows at once, toggle between them easily, and troubleshoot faster. Finding the node that misfired used to take me minutes. Now it takes seconds.

What it does

• Renders payloads, not raw JSON. It shows the actual content, like HTML or formatted data, instead of a wall of code, with a toggle to flip back to raw whenever you want it.

• Copy the whole execution in one click. Grab the entire run as text and paste it into Claude to inspect. No more copying it out node by node.

• Expand any node right where it is. Open a node's input, output, and parameters as a card inline, instead of jumping back into the workflow to find it.

• Real values, not templates. Every node shows its parameters after {{ }} expressions evaluate, so you see what actually ran, not the placeholders.

• All your instances in one sidebar. Save prod, dev, self-hosted, and cloud once, then switch between them without re-authenticating.

• Replay any past run. Re-run an old execution against today's workflow to see whether your fix actually held.

• The path that ran, lit up. The graph highlights the nodes that fired and greys out the branches that didn't, so a misfire jumps out instead of hiding.

• Open in n8n, on the exact run. One click deep-links straight to that execution in your n8n editor.

Your data never leaves your machine

No env vars, no backend, no database. Your n8n URL and API key live in your browser's localStorage and never leave the device. The Next.js API routes only proxy from your browser to your own n8n instance, using the URL and key you typed in. They exist to keep your API key out of the network tab and avoid CORS. Nothing phones home.