Frequently asked questions
What is n8n Visualizer?
n8n Visualizer is a free online tool that takes any n8n workflow JSON and renders it as an interactive, color-coded node diagram — instantly, in the browser, with zero sign-up. You can pan, zoom, click nodes to inspect parameters, and export the diagram as PNG or SVG.
How do I export my n8n workflow as JSON?
Open your workflow in the n8n editor, click the three-dot menu (⋯) in the top-right corner, and select "Download" to save the workflow as a .json file. You can then paste that JSON into n8n Visualizer or drag and drop the file directly onto the page.
Is my workflow data sent to any server?
No. Every JSON parse, diagram render, and export happens entirely in your browser. Your workflow data never leaves your device — there are no server calls, no databases, and no analytics tracking your content.
What n8n node types are supported?
All n8n node types are supported. Each node is automatically color-coded by category: triggers (purple), actions (blue), logic/conditionals (amber), HTTP requests (teal), code/function nodes (gray), AI/LLM nodes (pink), and error nodes (red).
Can I use this on mobile?
Yes. n8n Visualizer is fully responsive. On mobile, the JSON input becomes a full-screen textarea, the diagram supports pinch-to-zoom and pan, and the node detail panel appears as a bottom sheet.
How do I share my workflow diagram?
Click the Export button on the canvas and choose "Copy Shareable URL" to get a link with the workflow encoded in the URL. You can also export as PNG or SVG to share as an image, or copy the workflow JSON back to your clipboard.
Does this work with n8n Cloud and self-hosted n8n?
Yes. As long as you can export your workflow as JSON (Settings → Download), n8n Visualizer can render it — whether you use n8n Cloud, a self-hosted instance, or n8n running locally.
What is an n8n workflow?
An n8n workflow is a sequence of connected automation steps built in n8n, an open-source workflow automation tool. Each step is a node (e.g., trigger, HTTP request, condition, action) linked together to define a data-processing pipeline.
How is this different from n8n's built-in editor?
n8n's built-in editor is for building and running workflows. n8n Visualizer is a lightweight, read-only tool for viewing, understanding, and sharing existing workflows — useful for documentation, onboarding, presentations, and debugging without needing an n8n instance.
Is n8n Visualizer free to use?
Yes. n8n Visualizer is 100% free with no usage limits, no sign-up required, and no hidden paywalls. It's a community tool built for the n8n ecosystem.