Como é a área de desenho do módulo Fluxos?

Antes de desenhar o primeiro processo, vale conhecer o ambiente de trabalho. O Modo Desenho concentra, em uma única tela, os principais recursos para construir e organizar o diagrama: a paleta de formas, a área de desenho, o painel de propriedades e os controles de navegação. Conhecer essa estrutura facilita a criação do fluxo e ajuda a encontrar rapidamente os recursos necessários durante a edição.

O passo a passo de como montar o diagrama está em Como desenhar um fluxo.

✦ Antes de começar

É necessário ser o emissor do fluxo ou ter a permissão de edição do fluxo (Editar Todos ou Editar apenas do meu local), definida no papel em Configurações > Papéis e Permissões. O fluxo precisa estar Em Elaboração ou Reprovado — nos outros status a edição do desenho fica bloqueada.

Acessando o módulo

🔎 Clique aqui e saiba Como acessar o módulo Fluxos

Acessando o Modo Desenho

Para acessar o modo desenho, existem dois caminhos:

Na listagem de Fluxos, abra o menu Opções do fluxo desejado e clique em Modo desenho.

Clique no fluxo e selecione "Desenhar fluxo", se o desenho ainda não foi iniciado, ou "Editar desenho", se ele já foi iniciado.

Conhecendo o Modo Desenho

Ao acessar o modo desenho, o sistema exibe uma área de trabalho interativa, dividida em quatro regiões principais:

Barra superior: reúne os principais comandos e controles do editor.
Área de desenho (quadro): é o espaço onde o fluxo é visualizado, organizado e editado.
Painel lateral esquerdo (Menu de Formas): apresenta as formas disponíveis para representar as diferentes etapas do processo.
Painel lateral direito: exibe as propriedades e informações do elemento selecionado.

Barra superior

No topo da tela ficam a identificação e as ações do fluxo:

Voltar: a seta à esquerda sai do Modo Desenho.
Código e título do fluxo: identificam o processo que você está editando.
Situação do fluxo: a etiqueta de status, como "Em Elaboração".
Indicador de salvamento: ao lado da etiqueta de status, mostra se há alterações pendentes ou se as alterações estão salvas. É por ele que você acompanha o salvamento automático, sem precisar clicar em nada.
Salvar: grava o desenho e confirma com a mensagem "Fluxo salvo com sucesso!".
Opções: reúne as ações do fluxo — exportar, imprimir, vínculos das formas, gerar relatório, histórico de versões e enviar para avaliação.

Enquanto você está no Modo Desenho, o menu do módulo fica recolhido em ícones, à esquerda, para liberar espaço ao diagrama. Para expandi-lo, clique na seta localizada no canto inferior esquerdo.

Painel lateral esquerdo (Menu de Formas)

Este painel reúne todas as formas e conectores disponíveis para a criação e modelagem do seu processo. Ele é dividido em abas, categorias expansíveis e conta com ferramentas de busca para agilizar o seu desenho.

Nessa tela, você encontra:

BPMN 2.0 (Principal) - que traz os elementos essenciais da linguagem BPMN.
BPMN 2.0 (Completo) - que traz todos os elementos disponíveis para o uso.
Pesquisar formas: localiza um elemento pelo nome, sem precisar percorrer a lista.
Elementos: apresenta as formas e conectores disponíveis para utilizar no desenho.
Minha Biblioteca: Exibe as formas customizadas que foram criadas e salvas exclusivamente por você.
Biblioteca Compartilhada: Elementos padronizados que foram compartilhados com os demais usuários da sua unidade.

BPMN 2.0 Principal

Reúne as formas utilizadas na construção do fluxo, organizadas em quatro grupos: BPMN, Geral, Dados e Conectores.

BPMN: Reúne os principais elementos da notação BPMN, como Eventos, Atividades, Gateways, Pools e Lanes.
Geral: Formas gerais para complementar o desenho.
Dados: Elementos relacionados a dados e informações do processo.
Conectores: Recursos para estabelecer as relações entre os elementos do fluxo.

BPMN 2.0 Completo

O BPMN 2.0 Completo reúne mais elementos para representar processos, organizados em categorias:

Eventos: representam acontecimentos que iniciam, interrompem ou encerram etapas do processo.
Atividades: representam tarefas ou ações realizadas durante o processo.
Subprocessos: agrupam um conjunto de atividades relacionadas dentro do processo.
Gateways: controlam os caminhos e as decisões do fluxo.
Pools: representam participantes ou entidades envolvidas no processo.
Lanes: dividem um pool para organizar atividades de acordo com responsáveis, áreas ou funções.

Cada categoria pode ser expandida para visualizar os elementos disponíveis.

🖱️ Como interagir com as formas

Adicionar elementos ao quadro é muito simples:

Arrastar e Soltar: Clique na forma desejada, segure e arraste diretamente para a posição que quiser no quadro.
Duplo Clique: Dê dois cliques rápidos sobre um ícone no menu e a forma será adicionada automaticamente no centro do quadro de desenho.
Dica Visual (Tooltip): Se tiver dúvida sobre o ícone, basta passar o mouse por cima dele no menu para ver o nome oficial da forma.

O painel pode ser escondido pelo botão correspondente na barra inferior, ampliando a área visível do diagrama.

Área de desenho (quadro)

É o espaço central onde o usuário insere, conecta e organiza as formas que representam as etapas do processo.

Ao selecionar um elemento ou conector, são exibidos botões de ação ao redor da forma e o painel de propriedades, à direita.

Os botões disponíveis ao redor do elemento são:

Texto: definir a formatação do texto, como fonte, tamanho, estilos (negrito, itálico e sublinhado), alinhamento, entre outros.
Elementos: trocar a forma selecionada por outro elemento.
Rotacionar: alterar a orientação da forma.
Inserir link: adicionar um link ao elemento.
Remover: excluir o elemento do desenho.
Fechar: fechar as opções exibidas ao redor da forma.

Os botões disponíveis ao redor do conector são:

Conectores: alterar o estilo do conector.
Tipo de linha: alterar o tipo de linha entre reta e ortogonal.
Sólida: definir a linha como contínua.
Tracejada: definir a linha como tracejada.
Pontilhada: definir a linha como pontilhada.
Ponta de início: definir o formato da extremidade inicial do conector.
Ponta de fim: definir o formato da extremidade final do conector.
Espessura: alterar a espessura da linha.
Cor: alterar a cor do conector.
Duplicar: criar uma cópia do conector.
Remover: excluir o conector do desenho.

Alguns botões desse conjunto aparecem marcados como "Em breve" — são recursos ainda não liberados.

O painel de propriedades do elemento

O painel lateral direito é exibido automaticamente quando uma forma é selecionada no modo desenho.

Ele centraliza as informações e configurações da atividade escolhida, permitindo que o usuário visualize, edite e personalize suas propriedades sem sair da área de edição.

O painel é estruturado com três abas principais: Dados, Vínculos e Layout.

Aba Dados

Reúne as propriedades informativas e de contexto do elemento selecionado.

Código da forma: código de identificação do elemento.
Nome da Atividade: identifica a etapa representada no fluxo.
Descrição: campo de texto livre, com até 4.000 caracteres, para detalhar a etapa.
Local: permite selecionar o local ou setor responsável pela atividade.
Adicionar Link: permite incluir um link externo, como documentação, planilha, formulário ou outro material relacionado.

Aba Vínculos (nível micro)

Permite associar a forma a registros de outros módulos do Qualiex, como documentos, indicadores, riscos, fornecedores, características especiais e outros fluxos.

+ Adicionar: abre a tela para selecionar o tipo de vínculo que será associado ao elemento, como Docs, Riscos, Indicadores, Fornecedores, Características Especiais ou Fluxos.

Listagem: após a associação, exibe os vínculos configurados e disponibiliza as ações de Visualizar e Remover.

No desenho do fluxo, as formas apresentam um indicador visual que exibe a quantidade exata de vínculos associados àquela etapa.

Para agilizar a consulta, basta posicionar o mouse sobre ele para visualizar rapidamente os Dados Gerais da etapa e o detalhamento dos Vínculos, sem precisar sair da tela.

Os vínculos dos elementos também podem ser consultados na aba "Geral" do fluxo, na seção "Vínculos dos elementos".

🔎 Para entender como configurar os vínculos, consulte o artigo: Como vincular recursos aos elementos do desenho? (Vínculo Micro).

Aba Layout

Permite personalizar a aparência e a formatação da forma selecionada.

Fonte e tamanho: define o tipo e o tamanho da fonte do texto.
Estilos: aplica negrito, itálico e sublinhado ao texto.
Cores: permite definir as cores de preenchimento e borda da forma.
Formas disponíveis: permite alterar o tipo da forma, mantendo o elemento selecionado. Por exemplo: tarefa, subprocesso, evento, múltiplas instâncias, entre outros.

Visibilidade & Salvamento

Alterações em qualquer aba são salvas automaticamente conforme a lógica do editor.

Salvamento automático: alterações em textos, vínculos, layout e demais propriedades são gravadas automaticamente conforme são realizadas.

Salvamento manual: o botão verde Salvar, disponível na barra superior, permite registrar manualmente as alterações quando necessário.

Status das alterações

- todas as alterações foram salvas
- há alterações pendentes de salvamento.

Status de Sincronização: Verifique sempre o indicador na barra superior para confirmar se suas últimas alterações foram concluídas antes de fechar o editor.

A barra de navegação

No canto inferior direito da área de desenho ficam os controles de trabalho:

: reverte a última ação realizada.
: restaura uma ação desfeita.
: permite ampliar ou reduzir a visualização do fluxo.
: acesso rápido aos principais comandos por teclado.
: exibe ou esconde a paleta de elementos.
: exibe uma miniatura do diagrama e indica a área atualmente visível, facilitando a navegação em processos grandes.
: centraliza o fluxo na tela.

⚠️ Comportamentos importantes

O salvamento é automático, mas o indicador é quem confirma. O editor grava sozinho de tempo em tempo; o indicador ao lado do status mostra quando há alterações pendentes e quando elas foram salvas. Ao concluir uma alteração importante, use Salvar para garantir o salvamento.

Perguntas frequentes

Onde vejo se o meu desenho foi salvo? No indicador ao lado da etiqueta de status, no cabeçalho: ele alterna entre alterações pendentes e alterações salvas.
O painel de formas está ocupando muito espaço. Consigo esconder? Sim. Use o botão de mostrar/esconder a paleta, na barra inferior direita — o diagrama passa a ocupar toda a largura.
Como me localizo em um processo muito grande? Pelo minimapa da barra inferior, que mostra a miniatura do diagrama com a indicação da área visível, e pelo botão de centralizar o fluxo. Os atalhos de navegação também ajudam — veja Quais são os atalhos e recursos de produtividade do Modo Desenho?
Abri o Modo Desenho e a área está vazia, só com a grade pontilhada. É um fluxo que ainda não tem diagrama. Arraste a primeira forma da paleta para começar.