Modelagem de seu processo

Projete seu processo uma vez e execute-o em escala. O designer BPMN transforma as etapas de negócios em um fluxo executável. Adicione eventos, tarefas e gateways. Conecte elementos para definir o caminho. Valide a lógica. Entregue o modelo para implementação e teste. O resultado é um diagrama que as partes interessadas podem ler e sua equipe pode executar.

Link elements between that with connectors , in a way that is meaningful to your flow. Then you can add, link, and remove other available elements. Double-select any element to name it.

Use the marquee tool to select elements in the designer (select and drag) and the hand tool to navigate inside the canvas (Space key, then select and drag).

To hide the canvas background, open the context menu on the canvas and select Hide background grid. You can show the grid again by selecting Show background grid.

Início rápido em 30 segundos

1. Arraste um Evento de início, uma Tarefa, e um Evento de término para a tela.

2. Use the element toolbar to append the next step with a single selection.

3. Conecte as etapas com um fluxo de sequência e renomeie cada elemento no local.

4. Abra o painel Validação, corrija quaisquer erros e salve.

   

Crie o fluxo

Adicione os blocos de construção certos

• Eventos para iniciar, esperar ou finalizar (por exemplo, mensagem recebida, temporizador, estados finais).
• Tarefas para trabalho humano ou do sistema (aprovações, chamadas de API, subprocessos).
• Gateways para ramificar ou mesclar caminhos (exclusivo, paralelo, inclusivo).
• Participantes e dados quando você precisa de propriedade clara ou entradas/saídas documentadas.

Conecte e rotule com clareza

• Desenhe fluxos de sequência para definir a ordem de execução.
• Nomeie tarefas e gateways em linguagem de negócios ("Solicitação de revisão", "Quantidade > 5000?").
• Adicionerótulos a fluxos em que as decisões não são óbvias ("Sim", "Não").

Adicionar elementos à tela

Você pode adicionar elementos BPMN à tela de duas maneiras:

• Arraste um elemento da barra de ferramentas esquerda e solte-o em qualquer lugar da tela.
• Double-select an element in the left toolbar to automatically add it to the center of the canvas.

Use drag-and-drop when you want precise placement. Double-select to quickly insert elements while modeling.

Mantenha-o legível enquanto você avança

1. Acrescente ações da barra de ferramentas do elemento para manter o espaçamento organizado.
2. Alinhe e distribua nós selecionados; mantenha as ramificações paralelas.
3. Redirecione os conectores para evitar cruzamentos de linhas; prefira cotovelos suaves em vez de zigue-zagues.

Navegue e selecione com eficiência

• Panorâmica e zoom: use o mouse/trackpad ou o minimapa; ajuste à tela para visualizações rápidas.
• Seleção múltipla: use o retângulo de seleção (arrastar uma caixa) para mover etapas relacionadas juntas.
• Ferramenta manual: segure a barra de espaços ou o botão do meio do mouse para ter uma visão panorâmica sem alterar a seleção.
• Nudge: use as teclas de seta para ajustar o posicionamento dos elementos.

Validar antes da entrega

1. Abra o painel de Validação para acessar os erros e avisos.
2. Erros bloqueiam a implantação; os avisos realçam a legibilidade ou problemas que não bloqueiam.
3. Correções comuns:
   • Início/fim desconectado significa que você deve adicionar fluxos ausentes.
   • A incompatibilidade de divisão/mescla do gateway significa que você deve adicionar a mescla correta ou remover ramificações indesejadas.
   • Tarefa sem saída significa que você deve se conectar a um evento final ou a uma próxima etapa.

Observação:

Execute novamente a validação após cada correção; busque zero erros e avisos mínimos.

Exportar seu diagrama como imagem

Você pode baixar uma imagem de qualquer diagrama BPMN diretamente da tela. Isso é útil para geração de relatórios executivos, revisões de partes interessadas ou arquivamento de instantâneos de processos.

Há duas maneiras de exportar:

• Canvas-level export — Open the context menu anywhere on the canvas and select Export as image. The export captures exactly what is currently on screen. If you are inside a collapsed subprocess, the image shows the subprocess contents, not the top-level process.
• File-level export — Open the context menu for a .bpmn file in the file browser and select Export as image. This always exports the top-level process, regardless of which view is open.

Acelere com o Autopilot (opcional)

• Gere um primeiro passe a partir de uma solicitação ou uma imagem de um diagrama de quadro branco.
• Peça sugestões para simplificar um cluster de decisão ou adicionar estados finais ausentes.
• Use o Autopilot para acrescentar padrões comuns (por exemplo, aprovação com escalonamento).

Ir mais longe

Quando seu modelo for limpo e validado, passe para a implementação para vincular etapas a automações, agentes e ações humanas, e depois teste e publicar.

Dicas e padrões

• Um início claro e fins explícitos. Evite várias rescisões implícitas.
• Nome para a intenção. Os nomes das tarefas devem ser lidos como etapas em um manual.
• Balancear ramificações. Cada divisão recebe uma mescla explícita correspondente (quando apropriado).
• Modele as "esperas". Use eventos de temporizador/mensagem para atrasos e entregas reais.
• Mantenha as faixas úteis. Use faixas quando elas esclarecerem a propriedade, não como decoração.

Leia mais sobre padrões e práticas BPMN.

Elementos de Interface Gráfica

A barra de ferramentas à esquerda

Every agentic process starts by default with a Start Event element added to the designer. You can add other elements to your project from the left toolbar.

A barra de ferramentas à esquerda contém uma ampla gama de elementos BPMN, agrupados sob estas categorias:

• Gateways
• Tarefas
• Events
• Dados
• Participantes

Para modelar seu processo com agente, selecione um elemento na barra de ferramentas esquerda e arraste-o para o designer. Você pode começar a partir da lista de elementos mais usados ou selecionar o botão Mais opções na parte inferior da barra de ferramentas para ver a lista completa de elementos BPMN suportados.

A barra de ferramentas dos elementos

A barra de ferramentas dos elementos é um menu horizontal que contém as ações que você pode executar ao selecionar um elemento no designer:

• Change element - Opens the Change element panel, where you can modify the selected element to a different element.

• Add end event - Appends an End event element to the selected element.

• Add exclusive gateway - Appends an Exclusive gateway element to the selected element.

• Add task - Appends a Task element to the selected element.

• Add intermediate event - Appends an Intermediate event element to the selected element.

• Add text annotation - Appends a text annotation to the selected element.

• Delete - Deletes the selected element.

• Connect - Brings up the connector tool, with the selected element as the source step.

  

A barra de ferramentas também aparece quando você seleciona uma conexão, com as seguintes opções:

• Adicionar anotação de texto - Anexa uma anotação de texto à conexão selecionada.
• Excluir - Exclui a conexão selecionada.

A barra de ferramentas de bordas

A barra de ferramentas de bordas contém ações que você pode executar após selecionar uma determinada borda.

• Adicionar anotação de texto: acrescentar anotação de texto à borda selecionada com a visualização.

• Excluir: excluir a borda selecionada.

  

O menu de contexto

The context menu appears when you open the context menu on the designer or an element in the designer.

The following options are available from the canvas context menu:

• Arrumar nós e arrumar nós selecionados - Reorganiza automaticamente todos os nós no designer para melhorar a legibilidade.

• Ocultar grade de fundo - Oculta o fundo da tela. Você pode mostrar a grade novamente selecionando Mostrar grade de fundo.

• Mostrar/ocultar erros de validação - controla a visibilidade dos erros de validação.

• Colar - Cola o elemento BPMN copiado anteriormente.

• Exportar como imagem - Baixa uma imagem da visualização da tela atual.

  

The following options are available from the element context menu:

• Renomear - Renomeia o elemento.

• Copiar - copia o elemento.

• Cortar - Remove o elemento do designer e o armazena na área de transferência.

• Remover - Exclui o elemento do designer.

  

O elemento Iniciar evento contém estas opções adicionais:

• Teste - testa todo o processo com agente.

• Teste passo a passo - testa cada elemento no processo com agente, um de cada vez.

  

O painel de validação

O painel de validação é um mecanismo de regras que valida o processo com agente com regras e melhores práticas de BPMN.Você pode acessar o painel de validação na parte inferior esquerda do designer. O painel mostra o número de problemas de validação encontrados no processo. Selecionar um aviso ou erro dentro do painel direciona você para o elemento afetado no designer.

Há dois tipos de problemas de validação:

• Avisos: marcados em amarelo, eles mostram um problema de validação e oferecem sugestões.

• Erros: marcados em vermelho, eles permitem que você teste seu processo com agente, mas impedem que você o implante.

  

Após selecionar um erro, você obtém contexto extra, bem como um botão que leva você à origem do aviso ou erro.

O minimapa

Você pode usar o minimapa na parte inferior direita do designer para navegar rapidamente dentro do seu processo com agente. Os botões dedicados permitem que você:

• Aproximar - Concentre-se em uma parte específica do seu processo.

• Reduzir - Expanda sua visualização do processo.

• Ajustar à exibição - Ajusta automaticamente o tamanho e a posição do processo.

  

Inside the mini map, you can also select and drag to pan inside the process, and use the mouse wheel to zoom in and out.