Exploring the n8n Interface
Desliza para mostrar el menú
As you begin working with n8n, you will spend most of your time in its visual editor. This editor is designed to make creating, organizing, and troubleshooting automation workflows as intuitive as possible. The main areas you will interact with are the workflow canvas, the node panel, and the execution log. Below, you will find a guided tour of these components, with annotated screenshots to help you recognize each part of the interface.
The workflow canvas is the central area where you build your automation by dragging and dropping nodes. Each node represents a step in your process, such as sending an email or fetching data from an API. On the left side, the node panel provides a searchable list of all available nodes. You can browse or search for nodes by name or category, then drag them onto the canvas. At the bottom or side of the interface, the execution log displays information about your workflow runs, making it easier to debug and optimize your automations. Annotated screenshots in the official n8n documentation can further help you become familiar with these areas and their icons.
This is the main workspace where you visually arrange and connect nodes to build your automation. You can zoom in and out, move nodes around, and see the flow of data between steps;
Located on the left, this panel lists all available nodes, grouped by category (such as triggers, actions, and functions). You can search for specific nodes or browse through the list, then drag any node onto the canvas to add it to your workflow;
Typically found at the bottom or right side, the execution log shows detailed output from your workflow runs. It displays which nodes executed, their input and output data, and any errors encountered. This is essential for troubleshooting and understanding how your workflow operates.
If you ever feel lost or your workspace becomes cluttered, you can quickly reset the view by clicking the "Reset Canvas" button or pressing the shortcut (often Ctrl+0 or Cmd+0). This centers your workflow and helps you regain your bearings.
In n8n, workflows are made up of nodes, each representing a specific task. Nodes are divided into three main types: triggers, actions, and functions. A trigger node starts the workflow when a certain event occurs, such as receiving an email or a scheduled time. Action nodes perform specific tasks, like sending a message or updating a database. Function nodes let you write custom logic using code, transforming data or making decisions within your workflow. The visual editor makes it easy to connect these nodes, define their order, and set up the flow of your automation.
To navigate and organize your workflows efficiently in the n8n editor, use zoom and pan controls to focus on different parts of your canvas. You can use keyboard shortcuts like Ctrl+C and Ctrl+V (or Cmd+C and Cmd+V on Mac) to copy and paste nodes, and Ctrl+Z (or Cmd+Z) to undo changes. Group related nodes together and use color labels to keep your workflow organized, especially as your automations grow more complex.
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla