Canvas de Processos: como desenhar, conectar e organizar seu fluxo

O Canvas de Processos é o quadro onde você enxerga o desenho do seu fluxo (etapas, formulário inicial, condições e automações) e ainda anota em volta com objetos livres, como notas adesivas, textos, formas e tabelas. Neste manual você aprende a abrir o canvas, montar e organizar objetos, conectar tudo e entender como o Mapa do Ambiente usa o mesmo quadro.

Quem pode editar: administradores do fluxo e administradores do ambiente. Os demais usuários com acesso ao canvas veem o quadro em modo somente leitura.

Onde abrir o canvas

Pelo menu do fluxo: clique no ícone de engrenagem do fluxo e escolha Fluxograma do processo. Ele abre em tela própria, com o botão Voltar ao fluxo.
Na aba Fluxograma: na página do fluxo, administradores do fluxo veem a aba Fluxograma, que mostra o mesmo canvas embutido, sem trocar de tela. Quem não administra o fluxo não vê a aba.
No assistente do fluxo: a aba Fluxograma também mostra o mesmo canvas.

O Canvas substitui o antigo fluxograma, que era só leitura. Desenhos salvos na versão anterior continuam abrindo normalmente.

O que aparece no quadro

Etapas: cada etapa mostra o responsável, o SLA (por exemplo, "3 dias" ou "3 dias úteis"), a marca Etapa final quando for o caso e os campos da etapa.
Formulário inicial: aparece com a marca Form público quando o formulário é público.
Condições: o texto da condição fica sobre a seta. Clique nele para abrir o painel com os detalhes.
Painel lateral: ao clicar em uma etapa ou no formulário inicial, ele traz os detalhes e os botões Editar etapa e Editar formulário inicial.

Os botões Campos e Relacionamentos mostram ou escondem esses detalhes nas etapas. A escolha de Campos fica salva no documento. A de Relacionamentos fica salva só no seu navegador. Para arrumar as etapas de uma vez, use Organizar automaticamente.

Salvamento

O canvas salva sozinho, poucos segundos depois da sua última alteração. O indicador Salvo mostra que está tudo gravado. Não existe desfazer, então confira antes de apagar objetos.

Criando objetos livres

Use a paleta do quadro para inserir:

Nota adesiva e Texto.
Forma: retângulo, elipse ou losango.
Tabela: com células editáveis e botões para adicionar ou remover linhas e colunas.
Quadro (frame): uma área para agrupar objetos.
Conector: linha sólida ou tracejada, com rótulo.

Para escrever, dê duplo clique no objeto. Com o objeto selecionado, você também pode simplesmente começar a digitar: a letra entra no fim do texto, sem apagar o que já estava lá. Arraste as alças para redimensionar e escolha a cor na barra do objeto.

Imagens não são aceitas no canvas. Limites por documento: 500 objetos, conectores e ancoragens, 4.000 caracteres por texto e 512 KB no total.

Ancorando um objeto a uma etapa

Selecione o objeto livre.
Clique em Ancorar na barra do objeto. Ele se liga à etapa mais próxima.
Pronto: ao mover a etapa, o objeto acompanha. Para soltar o objeto, clique em Desancorar.

Mover, selecionar e organizar

Encaixe na grade: os objetos se alinham a uma grade de 12 px. Segure Ctrl (ou ? no Mac) para mover ou redimensionar sem o encaixe.
Proporção: segure Shift e arraste uma alça para redimensionar mantendo a proporção. Cada tipo de objeto tem um tamanho mínimo.
Seleção retangular: arraste em uma área vazia para selecionar vários objetos. Com Shift + clique você soma ou tira objetos da seleção.
Mover o quadro: como arrastar no vazio agora seleciona, use Espaço + arrastar, o botão do meio ou o botão direito do mouse.
Ações em lote: com vários objetos selecionados aparece uma única barra de ações sobre eles.

Atalhos

Duplicar: ?/Ctrl + D, ou Alt + arrastar.
Copiar e colar: ?/Ctrl + C e ?/Ctrl + V. O objeto é colado na posição do cursor e os conectores entre objetos copiados vão junto.
Camadas: ] traz para frente e [ envia para trás.
Excluir: tecla Delete ou botão Excluir. O resultado é o mesmo: apaga exatamente o que está selecionado. Se você apagar só um quadro (frame), os objetos de dentro ficam soltos no canvas.
Lista completa: clique no botão ? do canvas.

Etapas e formulário inicial são parte do desenho do fluxo: não podem ser apagados nem duplicados pelo canvas.

Estilo dos objetos

A barra do objeto (ou a barra de lote, com vários selecionados) permite ajustar:

Preenchimento e cor.
Borda: cor, espessura, sólida, tracejada ou sem borda.
Raio dos cantos.
Opacidade.
Fonte: tamanho, negrito, itálico e alinhamento.

Cada tipo aceita só o que faz sentido para ele. Por exemplo, texto não tem borda e tabela não tem preenchimento.

Copiar a formatação

Selecione o objeto com o estilo que você quer repetir.
Clique no botão de pincel (Copiar formatação). O cursor muda, indicando que o quadro está pronto para aplicar.
Clique no objeto de destino. O preenchimento, a borda e a fonte são aplicados.

Para cancelar, aperte Esc ou clique em uma área vazia. O atalho ?/Ctrl + Alt + C copia e ?/Ctrl + Alt + V aplica.

Padrão do quadro por tipo

Você pode salvar o estilo de um objeto como padrão do quadro para aquele tipo. Os próximos objetos nascem com esse estilo. Objetos que já existem não mudam. Sem padrão salvo, o novo objeto herda a cor do último que você criou.

Conectando objetos

Criando uma ligação

Você não precisa mirar em um ponto exato. Puxe a ligação de qualquer ponto da borda do objeto. Enquanto arrasta, o objeto de destino ganha um anel de destaque antes de você soltar. Um objeto não pode se conectar a ele mesmo.

Botões de adição rápida: ao passar o mouse, aparecem botões nos quatro lados de notas, textos e formas. Cada clique cria um novo objeto já conectado. Aperte Q para esconder ou mostrar esses botões.
Pelo teclado: com um objeto selecionado, Alt + seta cria o próximo objeto conectado naquela direção, já pronto para você digitar. Aperte Esc para encerrar a sequência.
Soltar no vazio: solte a linha em uma área vazia e o objeto conectado é criado ali.

Clicar na borda de um objeto só seleciona. Nenhuma ligação é criada por clique.

Editando uma ligação

Clique na linha para selecionar a linha.
Para mudar a origem ou o destino, arraste a ponta da linha até outro objeto. O rótulo, o estilo e a forma continuam como estavam.
Escolha o Estilo da linha (sólida ou tracejada) e a Forma da linha (curva ou cotovelo). São duas escolhas independentes.
Dê duplo clique para escrever o rótulo e arraste o rótulo ao longo da linha para posicionar o rótulo.
Para remover, use o botão de excluir da barra da linha ou a tecla Delete.

[IMAGEM: conector selecionado com a barra de estilo, forma e excluir e o rótulo sendo arrastado]

Automações no canvas

As automações do fluxo aparecem no quadro como cartões ligados por uma linha tracejada à etapa que as dispara. As criadas junto do formulário inicial ficam ligadas a ele. Automações inativas aparecem com borda tracejada e a marca Inativa.

Automações do fluxo: o painel fixo do lado direito lista todas as automações, agrupadas por gatilho (Recorrência, Data de vencimento, Cartão, Campo, Etiqueta, Responsável, Comentário e Sem contexto identificado), com a contagem de cada grupo. Cada grupo e o painel inteiro podem ser recolhidos. Com mais de 12 itens, os grupos começam recolhidos.
Detalhes: clique em uma automação, no cartão ou na lista, para abrir o painel com os detalhes.
Editar: clique em Editar automação no painel de detalhes, no cartão ou na linha da lista. A página do fluxo abre com o editor dessa automação em foco. É preciso ter permissão para editar automações.
Mostrar ou esconder: o botão Automações liga e desliga os cartões e o painel.
Posição: você pode arrastar o cartão de uma automação. Para trazer o cartão de volta, clique em Voltar para a etapa. Organizar automaticamente devolve todos de uma vez. Cartões de automação não podem ser apagados pelo canvas.

Mapa do Ambiente

O Mapa do Ambiente usa o mesmo quadro para mostrar fluxos, cadastros e workspaces do ambiente.

Layout salvo: administradores salvam o layout e todos os administradores veem o mesmo desenho.
Anotações: notas, textos, formas, quadros e conectores podem ser ancorados a fluxos, cadastros e workspaces.
Abrir o canvas de um fluxo: dê duplo clique no fluxo, use o botão Abrir canvas ao passar o mouse ou selecione e aperte Ctrl + Enter. O canvas abre com o caminho Mapa do Ambiente no topo, que leva de volta ao mapa. Um clique simples continua levando ao fluxo, como antes.
Foco e filtro: são temporários. O mapa avisa com Layout temporário e nada é salvo. Ao voltar para Tudo, o layout salvo é restaurado.
Quem não é administrador vê apenas os itens vizinhos, com layout automático e sem anotações.

[IMAGEM: Mapa do Ambiente com um fluxo selecionado e o botão Abrir canvas visível]

Boas práticas

Use quadros (frames) para separar áreas do desenho, como "Entrada", "Aprovação" e "Entrega".
Ancore anotações às etapas que elas explicam, para que acompanhem o desenho quando você reorganizar.
Como não há desfazer, duplique um objeto antes de testar mudanças grandes de estilo.
O fundo do quadro é sempre claro, mesmo com o tema escuro ativado. Isso é proposital.