O Modo Desenho é o ambiente visual do módulo Fluxos, onde o usuário cria, mapeia e organiza graficamente os processos da sua organização.
Nele, é possível representar atividades, decisões, subprocessos, entradas e saídas, conectando cada etapa de forma lógica e intuitiva.
Mais do que um simples editor, o modo desenho é o núcleo de construção do processo, permitindo que o fluxo criado seja posteriormente analisado, revisado e aprovado dentro do sistema.
Quando utilizar
Utilize o Modo Desenho sempre que precisar:
- Criar ou editar um processo do zero.
- Atualizar fluxos existentes (em elaboração ou reprovados).
- Visualizar a sequência de atividades e relações entre etapas.
- Identificar gargalos e dependências dentro de um processo.
- Registrar visualmente as interações entre áreas e responsáveis.
O modo desenho é acessado automaticamente ao criar um novo fluxo ou ao editar um fluxo existente que esteja nos estados Em Elaboração ou Reprovado, desde que o usuário possua permissão para Editar Fluxos.
Como funciona
Ao acessar o modo desenho, o sistema exibe uma área de trabalho interativa, dividida em quatro regiões principais:
Barra superior
Exibe o código de identificação do fluxo no sistema, o nome do fluxo, o status atual, além dos botões de ação (Opções) e do indicador de salvamento automático.
Principais elementos:
- Título e código do fluxo
- Status atual (ex.: Em Elaboração, Aprovado, Reprovado)
- Botão “Opções” (⋮) com ações complementares (imprimir, exportar, Caractéristicas do fluxo, Gerar Relatório e Histórico de versões)
- Indicador de salvamento automático, que informa o estado atual das alterações
Área de desenho (quadro)
É o espaço central onde o usuário insere, conecta e organiza as formas que representam as etapas do processo.Principais ações:
- Adicionar novas formas por arrastar e soltar;
- Conectar atividades com setas e conectores;
- Reorganizar elementos livremente com suporte a alinhamento automático;
- Ampliar, reduzir ou ajustar o zoom conforme necessário.
Painel lateral esquerdo
Reúne as formas e conectores disponíveis para criação e modelagem do processo.Cada grupo pode ser expandido ou recolhido individualmente, permitindo foco apenas nas categorias necessárias.
Seções disponíveis:
- BPMN: elementos padronizados da notação BPMN (eventos, tarefas, gateways, pools, lanes).
- Geral: formas geométricas básicas (círculo, retângulo, estrela, cruz, cilindro, quadro).
- Conectores: setas e linhas contínuas, pontilhadas ou duplas.
- Minha Biblioteca: formas personalizadas criadas pelo usuário.
- Biblioteca Compartilhada: elementos padronizados ou compartilhados entre usuários da organização.
O usuário pode arrastar qualquer forma diretamente para o quadro, e o elemento será automaticamente renderizado com o estilo padrão do módulo.
Painel lateral direito
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.
Posicionamento: fixo à direita.
Estruturado com três abas principais: Dados, Vínculos e Layout.
Aba Dados
Propriedades informativas e de contexto.
- Nome da Atividade identifica a etapa no fluxo.
- Descrição texto livre (até 4.000 caracteres) para detalhar a etapa.
- Local seleção do local/setor responsável.
- Adicionar Link permite anexar link externo (documentação, planilha, formulário etc.).
Aba Vínculos (nível micro)
Conecta a forma a itens de outros módulos/recursos.
- + Adicionar abre modal para escolher o tipo de vínculo (ex: Docs, Riscos, Indicadores, Fornecedores, Características Especiais, Fluxos).
- Estado inicial exibe “Nenhum vínculo configurado”.
- Listagem após criar, mostra os vínculos com ações de Visualizar e Remover.
Os vínculos de nível macro (do fluxo como um todo) são gerenciados na aba “Vínculos” da ficha do fluxo (fora do editor).
Aba Layout
Configurações visuais da forma selecionada.
- Fonte e tamanho do texto (ex.: Sans-Serif, 12)
- Estilos (negrito, itálico, sublinhado)
- Alinhamento (horizontal e vertical)
- Cores de preenchimento e borda
- Formas disponíveis alterar o tipo (ex: tarefa, subprocesso, evento, múltiplas instâncias etc.)
Visibilidade & Salvamento
- O painel direito aparece ao selecionar uma forma e some ao desmarcar.
- Alterações em qualquer aba são salvas automaticamente conforme a lógica do editor.
Ações comuns e navegação
- Salvar: automático e manual (na barra superior).
- Enviar para Avaliação: disponível conforme regra/permissão e estado.
- Voltar para Visualização: sai do editor e abre a página do fluxo.
- Opções (⋮): Imprimir, Exportar, Características do fluxo, Gerar Relatório, Histórico de versões.
- Zoom: controle dedicado (ajustar à tela / 100% / ampliar / reduzir).
Boas práticas de modelagem
- Nomeie atividades de forma clara e concisa (verbo + objeto).
- Mantenha espaçamento e alinhamento para leitura rápida.
- Use conectores consistentes (setas de direção e tipos coerentes).
- Agrupe subprocessos quando o detalhamento “poluir” a visão principal.
- Enriqueça as etapas com Vínculos (micro) e dados relevantes na aba Dados antes de enviar para avaliação.
- Verifique o indicador de salvamento antes de sair do editor.