A tela do Flow Builder

O Flow Builder é o coração do Atende Direito. É aqui que você desenha o caminho que cada conversa vai seguir — como montar um quebra-cabeça de peças que se encaixam.

CAPTURAR: visão geral do canvas com painel lateral de nós, mini-mapa e barra superior de ações

As partes da tela

Canvas (área de trabalho)

A área central cinza escura é onde você arrasta, conecta e organiza os blocos do seu fluxo. Pense nela como uma mesa de trabalho infinita: você pode arrastar para qualquer direção e dar zoom para ver mais ou menos detalhe.

• Arrastar o canvas — clique em qualquer área vazia e arraste.
• Zoom — use a roda do mouse ou os botões + / – no canto inferior direito.
• Mini-mapa — quadradinho no canto inferior direito mostra uma visão aérea do fluxo inteiro. Clique nele para navegar rapidamente.

CAPTURAR: mini-mapa ativo mostrando posição atual no fluxo

Painel de nós (barra lateral esquerda)

Aqui ficam todos os blocos disponíveis, organizados por categoria:

Categoria	O que tem
Gatilhos	Start, Webhook, Agenda, Evento, Plugin
Mensagem	Enviar Mensagem, Esperar Texto, Esperar Botão
Lógica	IF/ELSE, Iteração, Loop, Subfluxo, Fim, Nota...
Dados	Variáveis, HTTP, Template, Extrator...
IA	LLM, Agent, Classificador, Conhecimento...
Ações	Ações na Plataforma, Ferramenta MCP

Para adicionar um bloco ao canvas, arraste-o da barra lateral para qualquer área vazia.

CAPTURAR: painel lateral com categorias de nós expandidas

Painel de configuração (barra lateral direita)

Quando você clica em um bloco no canvas, as opções dele aparecem aqui. Cada nó tem campos diferentes — você vai conhecê-los nas páginas específicas de cada um.

CAPTURAR: painel de configuração de um nó aberto à direita

Barra superior

Elemento	O que faz
Nome do fluxo	Clique para renomear
Botão Salvar	Salva o rascunho atual
Botão Publicar	Ativa o fluxo para receber mensagens reais
Botão Testar	Abre o simulador de execução

Dica

Salve com frequência durante a edição. O atalho **Ctrl + S** (ou **Cmd + S** no Mac) funciona diretamente no canvas.

Conexões entre blocos

Para conectar dois blocos, passe o mouse pela borda do bloco de origem até aparecer um ponto azul. Arraste esse ponto até o bloco de destino.

• Cada conexão representa o caminho que a execução vai seguir.
• Blocos de lógica (como IF/ELSE) têm saídas múltiplas — uma para cada condição.
• Você pode deletar uma conexão clicando nela e pressionando Delete.

CAPTURAR: dois blocos conectados com a seta de ligação visível

Seleção e organização

• Selecionar vários blocos — clique e arraste uma área de seleção, ou segure Shift e clique em cada bloco.
• Mover em grupo — após selecionar, arraste qualquer um dos blocos selecionados.
• Deletar — selecione e pressione Delete ou Backspace.
• Copiar / Colar — Ctrl+C / Ctrl+V (os blocos são colados com um pequeno deslocamento).

Atenção

Deletar um bloco remove também todas as conexões ligadas a ele. Se o bloco fazia parte de um caminho importante, reconstrua as conexões depois.

Próximos passos

Agora que você conhece a tela, escolha um tipo de bloco para aprender em detalhe:

• Gatilhos — como o fluxo começa
• Mensagem — como você fala com o contato
• Lógica — como você toma decisões no fluxo