I built a free visual diff tool for n8n workflows

Tips & Tricks
1

If you’ve ever tried to review workflow changes in git, you know the pain. You get 500 lines of JSON diff, and 480 of them are position shifts and internal IDs. The actual logic change? Buried somewhere in the middle.

I built a tool that fixes this: https://llmx.tech/n8n-workflow-diff/

image
image1200×630 70.3 KB

You drop in two workflow JSONs (upload or paste), and it renders a color-coded node graph. Green = added, red = removed, yellow = modified, blue = renamed. Click any node to drill into parameter-level changes with syntax-highlighted diffs for SQL and JavaScript.

It also detects connection rewiring, including all AI/LangChain connection types. And you can export the whole diff as a self-contained HTML report (under 300KB) to drop in PRs or Slack.

A few things worth noting:

  • Runs entirely in your browser. No backend, no data transmitted. Your workflows never leave your machine.
  • Handles all 13 n8n connection types including ai_tool, ai_languageModel, ai_memory, etc.
  • Free, no account required.

I built this because I needed it for my own team’s workflow reviews. n8n Enterprise has built-in version history, but if you’re on Community Edition or self-hosting, there’s nothing visual out of the box.

First public version, so there might be edge cases I haven’t hit. Bug reports and feature requests are very welcome.

2

been dealing with 500-line JSON diffs in PRs for ages and manually hunting for the actual node change. the connection rewire detection is the part that would have saved me the most time — thats always the easiest thing to miss in a raw diff.

1 Like
3

good ideas,thanks for sharing.

1 Like