Pular para o conteúdo principal

Interface

atenção

Esta página ainda está em processo de validação. O conteúdo pode sofrer alterações.

Introdução

A interface do n8n foi projetada para ser intuitiva e poderosa. Nesta seção, você aprenderá a navegar e aproveitar todos os recursos disponíveis no editor visual.

O que você encontrará aqui​

  • Navegação do Editor – Explore a interface principal do n8n
  • Componentes Visuais: Entenda os elementos da interface
  • Atalhos e Dicas: Acelere seu trabalho com atalhos

Funcionalidades Avançadas​

  • Personalização: Adapte a interface às suas necessidades
  • Temas e Aparência: Configure o visual do editor
  • Responsividade: Use o n8n em diferentes dispositivos

Componentes Principais​

Editor de Workflow​

O coração da interface do n8n, onde você constrói suas automações:

  • Canvas: Área principal onde você arrasta e conecta nodes
  • Toolbar: Ferramentas para salvar, executar e configurar workflows
  • Sidebar: Painel lateral com nodes disponíveis
  • Properties Panel: Configurações detalhadas dos nodes selecionados

Acesso rápido às principais funcionalidades:

  • Workflows: Gerencie todos os seus workflows
  • Executions: Visualize histórico de execuções
  • Credentials: Configure conexões com serviços externos
  • Settings: Personalize sua experiência

Área de Trabalho​

Organize e visualize seus projetos:

  • Tabs: Trabalhe com múltiplos workflows simultaneamente
  • Zoom: Ajuste a visualização do canvas
  • Grid: Alinhe nodes automaticamente
  • Minimap: Navegação rápida em workflows grandes

Conceitos da Interface​

Nodes​

Os blocos fundamentais de qualquer workflow:

  • Trigger Nodes: Iniciam workflows (verde)
  • Action Nodes: Executam operações (azul)
  • Logic Nodes: Controlam fluxo (amarelo)
  • Data Nodes: Processam informações (roxo)

Connections​

As linhas que conectam nodes e definem o fluxo:

  • Data Flow: Como os dados passam entre nodes
  • Error Handling: Tratamento de erros e exceções
  • Conditional Flow: Fluxos baseados em condições

Canvas​

A área de trabalho principal:

  • Drag & Drop: Arraste nodes para o canvas
  • Resize: Redimensione nodes conforme necessário
  • Group: Organize nodes em grupos lógicos
  • Comment: Adicione anotações e documentação

Próximos Passos​

  1. Explore a Navegação do Editor para conhecer a interface
  2. Aprenda sobre Workflows para criar suas automações
  3. Configure Credenciais para conectar com serviços externos

Recursos Relacionados​