Como desenhar um fluxo?

Atualizado em 26 de abril de 2021

Após cadastrar o fluxo, podemos desenhar as etapas do processo.

Temos duas formas de acessar o modo desenho:

Para desenhar um fluxo é necessário ser o emissor ou responsável pelo fluxo.

No fluxo cadastrado clique no menu de contexto e selecione a opção Modo desenho.

Na tela de desenho temos um modelo inicial e todas as funções que podem ser aplicadas nos elementos.

Para desenhar os elementos temos as opções:

Clique nas para expandir a exibição das formas.

Modelos: Desenhos para representação do processo e as funções que são relacionadas.

Conectores: São as setas que podemos utilizar para conectar os elementos utilizados.
Fluxograma: Formas utilizadas para desenhar os fluxogramas de trabalho.

Para adicionar um forma clique no elemento desejado e arraste para a área de desenho.

Após adicionar os elementos, dê um duplo clique para habilitar a edição do texto e inserir as informações desejadas.

Temos algumas opções de formatação e funcionalidades para auxiliar no desenho do fluxo do seu processo.

Na barra superior da tela temos:

- Desfazer uma ação.
- Refazer uma ação.
- Zoom aplicado ao desenho.
- Arrastar movimentar a prancheta.
- Selecionar os elementos.
- Desenhar formas:
  - Retângulo.
  - Elipse.
  - Polígono.
- Desenhar conectores:
  - Linha reta.
  - Linha ortogonal.
  - Curva de Bézier/Polinomial.
- Cor do preenchimento.
- Cor da borda.
- Agrupar.
- Desagrupar.
- Bloquear um elemento na tela, não permite movimentação enquanto bloqueado.
- Remover um elemento.
- Temas atribui um esquema de cores conforme os padrões definidos pelo sistema.
- Enviar para o fundo.
- Trazer para frente.
- Enviar para trás.
- Antecipar.
- Alinhar à esquerda.
- Alinhar ao centro.
- Alinhar à direita.
- Alinhar no topo.
- Alinhar ao meio.
- Alinhar a parte inferior.
- Distribuir objetos horizontalmente.
- Distribuir objetos verticalmente.
- Mostrar/Ocultar menu superior.

Podemos definir o tamanho da página que podemos utilizar no desenho.

Tamanho da página: Selecione conforme o tamanho da página.
Orientação da página: Podemos selecionar a orientação:
- Retrato
- Paisagem
Cor do preenchimento: Permite colorir a página do diagrama.
Quebra de página: Indica com um pontilhado o limite de tamanho conforme selecionado no tamanho página.

Quando selecionamos um elemento podemos alterar algumas formatações.

Dimensões: Podemos mudar o posicionamento do elemento na tela definindo os valores manualmente.
Girar: Informe um valor pra rotacionar o elemento.
Inserir: Insira links em um elemento.
Estilo de fundo e borda: Adicione formatação nos elementos.
- Adicione cor ou estilo gradiente aos elementos.
- Altere a espessura da borda do elemento.
- Mude o estilo do traço da borda.
- Atribua a opacidade do elemento.

Alguns elementos BPMN não podem ser coloridos.

Texto: Altere a formatação dos textos:
- Altere a fonte e tamanho.
- Defina o alinhamento e a cor do texto.
- Atribua negrito, itálico ou sublinhado.
- Defina o alinhamento ao digitar o texto.
- Mude a opacidade do texto.

Formate os conectores.

Tipo de conector:
- Direto
- Ortogonal
- Bezier
Estilo do traço: Defina qual o estilo do traço desejado e sua espessura.
Seta para iniciar e Seta final : Escolha qual o tipo de seta será utilizado.
Ponte: Quando temos o encontro de dois conectores podemos escolher se vai ser atribuído a ponte nos conectores. Possível escolher a espessura da ponte também.
Opacidade: Escolha a opacidade dos conectores.