index
atenção
sidebar_position: 2 title: Interface description: Navegação e editor UI do n8n keywords: [n8n, interface, editor, navegação, ui]
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 e Interface
- 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
Menu Principal
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
- Explore a Navegação do Editor para entender cada componente
- Aprenda os atalhos para acelerar seu trabalho
- Personalize a interface para sua produtividade
Dicas de Produtividade
Atalhos Úteis
: Salvar workflowCtrl/Cmd + S
: DesfazerCtrl/Cmd + Z
: RefazerCtrl/Cmd + Y
: Executar workflowSpace
: Remover node selecionadoDelete
Boas Práticas
- Organize nodes em grupos lógicos
- Use comentários para documentar workflows complexos
- Aproveite o minimap para navegar em workflows grandes
- Configure atalhos personalizados para suas ações mais comuns
Recursos Relacionados
- Getting Started - Primeiros passos com o n8n
- Workflows - Criar e gerenciar workflows
- Execuções - Monitorar e analisar execuções
- Credenciais - Configurar conexões