Desenhador de processos
Visão geral
Ao criar um aplicativo de processo, você será direcionado para o desenhador de processos, compatível com elementos do padrão BPMN 2.0. Será carregado um desenho modelo para te guiar nos primeiros passos:

Componentes
O desenhador é composto por 2 partes:
A barra de elementos que contém os elementos da especificação BPMN;
A área de desenho onde é possível incluir os elementos, conectá-los e criar o desenho;

O rol de elementos que você tem disponível na barra pode variar conforme a versão do produto.
A área de desenho não possui um tamanho fixo pré-definido. Ela pode crescer indefinidamente para cima, para baixo, para a esquerda ou para a direita.
Como adicionar um elemento
Para adicionar um elemento, clique no elemento desejado na barra lateral de elementos e, após, clique na posição do desenho onde deseja criar o elemento.
A única exceção é o elemento do tipo raia, que é criado a partir de uma piscina.

Como renomear elemento
Para renomear um elemento, clique duas vezes sobre o elemento, digite o novo nome e aperte ENTER.
No caso de raias e piscinas, clique duas vezes sobre a área interna próxima a borda esquerda da raia ou piscina, onde o título do elemento é mostrado.
Como selecionar elemento
Para selecionar um elemento, simplesmente clique nele. Um borda pontilhada mostrará que o elemento está selecionado.
No caso de raias e piscinas, clique sobre uma das bordas do elemento.
Como selecionar diversos elementos
Para selecionar diversos elementos de uma vez, aperte e segure a tecla SHIFT e arraste o mouse, criando uma área de seleção que englobe todos os elementos desejados.

Como mover um elemento
Para mover um elemento, selecione o elemento e arraste-o pelo desenho.
Como mover diversos elementos
Para mover diversos elementos de uma só vez, selecione os diversos elementos desejados, clique sobre um deles e arraste o bloco de elementos para a posição desejada.
Como configurar elemento
Para configurar um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de configuração. A barra de configurações aparecerá do lado esquerdo da tela.

Como conectar elementos
Para conectar dois elementos, selecione o elemento de origem e, nos ícones de opções avançadas, clique no ícone de criar link. Após, clique no elemento de destino.
É possível criar apenas uma conexão de sequência entre os dois mesmos elementos. Veja o desenho abaixo:

É possível criar mais de uma conexão de sequência entre elemento de origem desde que os elementos de destinos sejam distintos. Veja o desenho abaixo:

Como dar ou editar título à conexão
Para dar um título ou editar um título existente a uma linha de conexão entre dois elementos, clique duas vezes na linha de conexão, preencha o título e tecle ENTER.
Como excluir conexão
Para excluir uma conexão, selecione-a clicando sobre ela e clique no ícone de exclusão ou aperte DEL no teclado.
Como modificar formato da conexão
Para modificar o formato da linha conexão, clique sobre um ponto da linha e arraste o mouse para a posição desejada. A linha de conexão tomará nova forma.

Como copiar elemento
Para copiar um elemento, selecione o elemento, aperte CTRL + C e, após, CTRL + V. Por fim, clique na posição do desenho onde deseja criar o elemento copiado.
Como comentar elemento
Para adicionar um comentário a um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de comentários. Adicione seu comentário e aperte ENTER.
Como excluir um elemento
Para excluir um elemento, selecione o elemento e, nos ícones de opções avançadas, clique no ícone de exclusão.
Opcionalmente, selecione o elemento e aperte a tecla DEL.
Como pesquisar elemento
Para pesquisar elementos do processo, tecle CTRL + F e digite o nome do seu elemento. Selecione o elemento dentro das opções que serão mostradas. A tela será movimentada para a área do elemento e o elemento será selecionado.

Como navegar pelo processo
Para navegar pelo desenho, clique sobre uma área em branco do desenho e arraste o mouse para a direita, esquerda, para cima ou para baixo.
Como fazer zoom
Para dar zoom in no processo (aumentar o zoom), tecle CTRL e o sinal de + ("mais"), diversas vezes. Opcionalmente, segure a tecla CTRL e realize o scroll do mouse para cima.
Para dar zoom out no processo (diminuir o zoom), tecle CTRL e o sinal de - ("menos"), diversas vezes. Opcionalmente, segure a tecla CTRL e realize o scroll do mouse para baixo.
Para retornar ao zoom padrão 100%, tecle CTRL + 0.
Como criar ou remover espaços
Essa é uma poderosa ferramenta para facilitar a manutenção de grandes desenhos de processos. Com ela você pode mover diversos elementos de uma só vez para a esquerda, direita, para cima, ou para baixo.
Primeiramente, selecione o elemento na barra de elementos.
O cursor do mouse será modificado, e duas linhas pontilhadas, uma horizontal e outra vertical, aparecerão junto ao mouse.
Clique e segure o botão do mouse na posição que você quer criar ou remover espaços;
Arraste ou mouse para cima, para baixo, para a esquerda ou para a direita. Os elementos da tela irão se mover junto com reduzindo o espaço entre eles ou criando espaço entre eles.

Resumo de teclas de atalho
O novo modelador tem muitas teclas de atalho para facilitar sua navegação. Veja algumas:
CTRL + F: Pesquisar um elemento;
CTRL + C: Copiar;
CTRL + V: Colar;
CTRL + Z: Desfazer;
CTRL + Y: Refazer;
CTRL + Scroll do mouse para cima: Aumentar o zoom;
CTRL + Scroll do mouse para baixo: Diminuir o zoom;
CTRL + 0: Zerar o zoom;
Delete (com elemento selecionado): Excluir elemento ou objeto do desenho;
SHIFT + Arrastar mouse: Selecionar elementos da área;
Demonstração prática
Confira no vídeo a seguir a demonstração de como utilizar o desenhador de processos.
Atualizado