As we all know, n8n is incredibly powerful, but when workflows get complex, managing code inside Code Nodes or HTTP Request bodies can sometimes feel a bit “cramped.”
To make the developer experience smoother, I’ve built a Chrome Extension called n8n++ Formatter. It’s designed to bring some “IDE-like” superpowers directly into your browser.
Key Features:
Auto-formatting with Prettier: Tired of messy indentation? Just hit Ctrl + S (or Cmd + S on Mac) inside any Code or JSON editor, and it will instantly beautify your JavaScript or JSON using Prettier.
Smart JSON Repair: We’ve all been there—copying “dirty” JSON with single quotes, missing property quotes, or trailing commas. This extension features a “Magic Fix” that cleans up broken JSON syntax in one click.
Ctrl + Click Navigation: In large workflows, finding a node mentioned in an expression can be a headache. Now, you can simply Ctrl/Cmd + Click on a node name within an expression, and the canvas will automatically scroll and focus on that node.
Get it for free:
You can find it on the Chrome Web Store
Why I made this:
I wanted to reduce the “friction” during the build phase. Whether it’s fixing a quick JSON body or navigating a massive automation, these small seconds saved add up to a much better flow.
I’d love your feedback!
This is a tool built by an n8n user for n8n users.
-
What other “editor” features are you missing?
-
Are there any specific UI tweaks that would make your life easier?
Give it a try and let me know what you think! 