Description from extension meta
Professional JSON editor for n8n workflows - Edit, analyze, and manage your automations with powerful developer tools
Image from store
Description from store
n8n JSON Master
Professional JSON editor for n8n workflows - Focus on what matters: efficient JSON manipulation and workflow understanding.
n8n JSON Master
🚀 Features
Core Functionality
Professional JSON Editor: Full Monaco editor (VS Code's editor) with syntax highlighting and validation
Auto-open/close: Extension automatically appears on n8n workflow pages
Multi-instance Support: Manage multiple n8n instances with secure credential storage
Real-time Sync: Direct API integration - save without page refresh
🎯 Essential Developer Tools
1. Nodes Manager
Compact Interface: All nodes with status indicators in a clean list
Inline Editing: Click any node name to rename instantly
Quick Actions: Go to node in editor, copy node data, enable/disable/delete
Bulk Operations: Select multiple nodes for batch operations
Smart Filtering: Filter by status (all/active/disabled) and sort by name/type/position
Sticky Notes Section: Separate section for sticky notes, sortable and toggleable
Node Navigation: Click → to jump directly to node in JSON editor
2. JSON Editor
Professional Monaco Editor: Full VS Code editor with syntax highlighting
Path Navigator: Resizable tree view of JSON structure
Copy Button: Quick copy entire JSON with visual feedback
Find & Replace: With regex support
Auto-validation: Real-time n8n workflow structure validation
Line Numbers: Jump to specific lines
Format/Minify: Quick JSON formatting tools
⌨️ Keyboard Shortcuts
Ctrl/Cmd + S: Save workflow
Ctrl/Cmd + F: Find & Replace
Ctrl/Cmd + Shift + F: Format JSON
Ctrl/Cmd + B: Toggle Navigator
Ctrl/Cmd + 1-2: Switch tabs quickly
📦 Installation
From Chrome Web Store (Recommended)
Visit the Chrome Web Store page (link coming soon)
Click "Add to Chrome"
Grant necessary permissions
Manual Installation (Developer Mode)
Download the latest release
Extract the ZIP file
Open Chrome and navigate to chrome://extensions/
Enable "Developer mode"
Click "Load unpacked"
Select the extracted folder
🔧 Setup
Navigate to any n8n workflow page
Click the extension icon
Add your n8n instance:
Name: Friendly name for your instance
Base URL: Your n8n instance URL
API Key: Get from Settings → API in n8n
Note: API access is a paid feature in n8n Cloud. Self-hosted instances have API access by default.
💡 Usage Tips
Efficient Workflow Navigation
Use the Nodes tab to manage all nodes in a compact interface
Filter nodes by status and sort by different criteria
Click → to jump to any node in the JSON editor
Sticky notes are organized separately for better clarity
JSON Manipulation
The Navigator shows your current location in the JSON structure
Use Find & Replace with regex for complex transformations
🔒 Security
API keys are stored locally using Chrome's secure storage
No data is sent to external servers
All communication is directly with your n8n instance
📊 Philosophy
This extension focuses on being a powerful yet minimalistic tool for developers working with n8n workflows. Instead of trying to replicate n8n's visual interface, it enhances your ability to work with the underlying JSON structure efficiently.
📧 Support
For support, feature requests, or bug reports:
Email: [email protected]
Visit: Bundly.ai/automations for free n8n automation templates
n8n JSON Master - Professional JSON editing for n8n workflows Created with ❤️ by Bundly.ai