Fluxogramas: um guia do início ao fim

Escrito por:  Shanna S
Ultima atualização:  

Fluxogramas são um método flexível e universal de diagramação que oferece um espaço para documentação fácil de entender dos passos em uma ordem sequencial, mesmo para os processos mais complexos. Use este artigo para recomendações sobre como usar outros recursos junto com a personalização do seu fluxograma para melhorar a qualidade e o profissionalismo dos seus diagramas.

Neste artigo

Cada fluxograma é único. Por isso criamos este guia para mostrar como usar as opções e recursos disponíveis durante a criação de um fluxograma. Nós abordamos:

Para seguir as instruções passo a passo sobre como criar um fluxograma, confira nosso artigo Criar um fluxograma no Lucidchart.

Métodos para criação de um fluxograma

Dependendo do método que você prefere para criar um fluxograma, há várias opções disponíveis. Você pode começar com um diagrama em branco e a biblioteca de formas, criar o diagrama a partir de um modelo ou acessar o menu de diagrama como código para construir automaticamente seu fluxograma usando Mermaid.

Aqui está nossa orientação sobre quando usar cada uma dessas opções para criar seu fluxograma:

  • Crie um diagrama em branco e construa com a biblioteca de formas de fluxogramas quando: você quiser ter controle manual sobre cada etapa da construção do fluxograma.
  • Comece com um modelo quando: você tem um fluxo de trabalho padrão que deseja documentar e quer começar com um layout pronto e bem estruturado. Temos uma grande variedade de modelos para ajudar você a iniciar a criação de fluxogramas.
  • Construa automaticamente usando código Mermaid quando:: você quiser agilizar a criação do diagrama e tornar mais rápido e fácil montar seu fluxograma com código Mermaid.
  • Gere um fluxograma usando IA quando: você está começando do zero e não sabe que caminho seguir com seu fluxograma — um fluxograma gerado por IA pode ajudar a iniciar seu diagrama e trazer ideias.

Use a biblioteca de formas de fluxogramas

Para criar manualmente um fluxograma e ter controle sobre todo o processo, crie um diagrama em branco no Lucidchart e acesse a biblioteca de formas de fluxograma. Para adicionar a biblioteca de formas de fluxograma à biblioteca de formas do seu novo documento:

  1. Clique em + Mais formas na parte inferior da biblioteca de formas.
  2. Na barra de pesquisa, digite "Fluxograma".
  3. Marque a caixa da biblioteca de formas de "Fluxograma".
  4. Clique em Usar formas selecionadas.

Depois que a biblioteca de formas for adicionada ao menu de formas à esquerda, arraste e solte as formas da biblioteca na tela para começar a criar seu diagrama. Avance para a seção Adicionar e editar objetos em seu fluxograma para mais orientações.

Dica: se formas personalizadas forem úteis no processo de criação do seu fluxograma, você tem a opção de criar formas personalizadas no Lucidchart e organizá-las em bibliotecas de formas personalizadas para acesso mais rápido. Além disso, você pode usar a API de formas personalizadas caso queira criar e personalizar ainda mais formas para usar no Lucidchart.

Comece com modelos de fluxogramas

Para criar um fluxograma usando um modelo e começar com um diagrama organizado e profissional, siga estes passos a partir da página de documentos da Lucid:

  1. Clique em + Novo e passe o mouse sobre "Lucidchart".
  2. Selecione Criar a partir do modelo.
  3. Clique Fluxogramas para navegar e encontrar um modelo.
    • Para ver mais opções de uma determinada variedade, selecione Ver tudo à direita de um título de tópico.
  4. Selecione a miniatura do modelo desejado e clique em Usar modelo.
    • A partir do pop-up, você pode pré-visualizar o modelo e ler uma breve descrição.

Um novo documento Lucidchart é criado, o modelo escolhido aparece na tela e você pode começar a personalizá-lo conforme as necessidades do seu processo. Se esta for a opção escolhida, você pode ir direto para as seções com dicas de edição do fluxograma para atender às suas necessidades e aproveitamento de recursos avançados para aprimorar seu diagrama.

Dica: à medida que você se familiariza com a Lucid e personaliza documentos para seu fluxo de trabalho, você também pode criar modelos personalizados para um processo de criação de diagramas ainda mais adaptado. Confira o artigo Comece com um modelo para obter instruções passo a passo de como criar um modelo personalizado.

Diagrama em código com Mermaid

Em vez de criar manualmente um diagrama ou personalizar um modelo com seus detalhes, você pode aproveitar a funcionalidade de diagrama como código para criar automaticamente um diagrama.
Selecione diagram-as-code-icon-in-lucidchart.jpg o ícone "Diagrama como código" na barra de ferramentas principal no lado esquerdo do espaço de trabalho.

Nesse menu, você pode escrever seu código como preferir e ter um fluxograma gerado automaticamente. Para mais detalhes sobre como usar este recurso, consulte o artigo Diagrama como código com Mermaid no Lucidchart.

Dica: embora recomendemos o uso do Mermaid para um processo mais simples, você também pode usar a marcação UML para criar um diagrama. Para instruções, confira o artigo Criar um diagrama de sequência com marcação UML no Lucidchart.

Gerar um diagrama com IA

Se você está nos estágios iniciais de criação de diagramas e busca gerar ideias, utilize a IA para dar o pontapé inicial no processo.
Selecione lucidspark-collaborative-ai-icon.png o ícone Lucid IA da barra de ferramentas principal no lado esquerdo do espaço de trabalho.

Em seguida, adicione uma descrição detalhada do diagrama que deseja gerar, que deve consistir em palavras-chave específicas e o máximo de contexto possível. Para saber mais, confira o artigo Aumente a produtividade com Lucid IA no Lucidchart .

Observação: a IA na Lucid está em constante aprimoramento. Como resultado, as informações produzidas podem ser imprecisas, tendenciosas, enganosas, inapropriadas, ofensivas ou desatualizadas. Sempre confirme os resultados gerados com IA.

Adicione e edite objetos no seu fluxograma

Na forma mais básica, um fluxograma é um diagrama feito de formas e linhas para representar um processo ou fluxo de trabalho. Seja criando um fluxograma manualmente ou gerando por código ou IA, há diversas dicas para personalizar seu fluxograma em qualquer etapa da criação ou manutenção. Leia os artigos a seguir para saber como:

exemplo-de-fluxograma-de-processo-comercial-com-formas-linhas-e-raias.jpg

Dica: Clique neste link para acessar o modelo de fluxograma de processo comercial ilustrado acima. Ele usa formas, linhas e raias, além de alguns recursos avançados que exploraremos a seguir.

Use recursos avançados para aprimorar seu fluxograma

Agora vamos falar sobre como você pode elevar o profissionalismo e a utilidade do seu diagrama. Recomendamos que você se familiarize com cada oferta e use as que forem relevantes para o seu caso de uso.

Melhore a clareza com uma legenda de diagrama

Adicionar uma legenda ao diagrama é uma ótima maneira de definir o significado visual dos diferentes elementos em um fluxograma. O exemplo abaixo mostra uma legenda intitulada “Formas do fluxo de processo”, que representa as quatro cores das faixas e as formas associadas a cada grupo. Esse recurso diferencia os papéis de cliente, vendas, gestão e departamento de crédito, facilitando e tornando mais clara a compreensão das informações representadas no diagrama.

process-flow-shape-colors-diagram-key.jpg

Saiba mais: Para mais informações sobre como adicionar e personalizar chaves de diagrama, confira nosso artigo Adicionar uma chave de diagrama no Lucidchart.

Adicione camadas para mostrar e esconder percursos do fluxograma

Camadas facilitam alternar entre diferentes versões de um fluxograma. Para instruções passo a passo sobre como adicionar camadas em um documento do Lucidchart, confira nosso artigo. Casos de uso comuns incluem:

  • Representar estados atual e futuro de um diagrama. Saiba mais.
  • Expandir ou fechar um fluxograma complexo em partes menores. Saiba mais.

Para melhorar ainda mais a experiência de alternância, considere adicionar uma ação a uma forma para alternar entre os dois estados do diagrama.

Vamos ver um exemplo. Suponha que você esteja documentando o processo para quando os gerentes de contratação fazem a ambientação de um novo membro à equipe. No nível estático do fluxograma, podemos ver o esboço da ordem das operações para treinar o novo colaborador.

toggle-action-to-switch-between-onboarding-current-and-future-state.gif

No nosso exemplo, uma nova exigência está sendo adicionada ao processo de ambientação: o novo funcionário deve obter pelo menos 80% de acerto nos módulos de treinamento online. Com uma ação rápida, conseguimos adicionar esse fluxo ao processo para demonstrar claramente que o funcionário precisa refazer o treinamento caso sua pontuação fique abaixo de 80%.

Dica: para um exemplo detalhado de camadas e uma forma de ação sendo usadas juntas para criar um fluxograma robusto, confira esta publicação da comunidade. Se você gosta dos benefícios das ações, mas não quer o aspecto visual no fluxograma exportado, acesse esta outra publicação da comunidade para aprender as diferenças entre ações e pontos de acesso e decidir qual recurso se encaixa melhor no seu caso de uso.

Melhore a compreensão com formatação condicional ou conjuntos de ícones

Visualize os dados para destacar padrões e insights de maneira que possam ser compreendidos rapidamente. A formatação condicional e os conjuntos de ícones podem ser muito valiosos, dependendo da finalidade de uso. Recomendamos o uso de:

  • Formatação condicional permite criar uma regra que pode ser usada para avaliar automaticamente todos os objetos atuais e futuros do seu fluxograma e aplicar a formatação desejada, como estilo de forma, ícones ou formas dinâmicas. Essa é uma opção mais avançada, o que significa que a configuração é mais complexa, mas a funcionalidade também é mais robusta.
  • Conjuntos de ícones permitem usar ícones estáticos para selecionar objetos no seu diagrama e alertar visualmente os usuários quando algo requer atenção. Eles são fáceis de adicionar e remover, mesmo para chamadas temporárias necessárias.

Como exemplo, na captura de tela abaixo, foram aplicados os ícones e a regra de formatação condicional a seguir:

  • O ícone de marca de seleção verde foi adicionado ao canto superior direito da forma “Aprovação” para destacar rapidamente o fluxo de obtenção de aprovação. 
  • O ícone de X vermelho foi adicionado ao canto superior direito da forma “Venda não aprovada” para indicar que o consumidor não passou na análise de crédito e a venda não seguirá em frente.
  • Uma regra de formatação condicional foi configurada para que todos os objetos no fluxograma com o tipo de forma “decisão” fiquem com o texto e o contorno pontilhado em vermelho, chamando atenção para essas formas como itens de ação para aprovação da análise de crédito e verificação do saldo de contas a receber.

conditional-formatting-and-icon-sets-example-on-flowchart.jpg

Adicionar dados ou recursos a objetos

Há diversos recursos de link ou anexo que podem ser úteis em situações específicas. Por exemplo, é possível proporcionar acesso fácil a documentação ou recursos hospedados externamente, ou ainda a gráficos de uma determinada etapa do processo.
Se você deseja vincular dados de um arquivo importado a uma forma, criar um link para outro documento da Lucid ou URL externo, ou anexar documentação como imagem a um objeto, temos funcionalidades para ampliar o alcance do seu diagrama. Por exemplo, você pode:

  • O antigo Vincular dados a um documento do Lucidchart traz instruções passo a passo para anexar uma planilha CSV, Google ou Excel, ou criar um conjunto de dados personalizado na Lucid. O conjunto de dados pode ser usado para atribuir dados a objetos ou páginas em um documento da Lucid. Isso é útil caso haja dados específicos que precisem estar vinculados às formas no seu diagrama.
  • O recurso Adicionar um link a uma forma permite direcionar usuários para outra página do seu documento Lucidchart, para um documento Lucidchart separado ou para uma URL específica. Isso pode ser útil para encaminhar usuários para documentação mais detalhada e completa ou para prosseguir com um processo fora da Lucid.
  • O recurso Anexar imagens a objetos permite importar arquivos para serem anexados a uma forma. Dessa maneira, você oferece documentação e orientações aos usuários sem que eles precisem sair da página do seu documento Lucidchart.

Veja rapidamente os metadados do diagrama com as fórmulas do Page Insight

O Lucidchart oferece uma variedade de fórmulas pré-prontas de Page Insights nos documentos Lucidchart, acessíveis pelo rodapé, incluindo:

  • Número de objetos selecionados na sua página
  • Quantidade total de formas, linhas ou objetos na sua página

Use essas fórmulas para obter rapidamente uma visão geral dos metadados de um diagrama. Com elas, é possível entender a complexidade de um diagrama e comparar a quantidade de formas, linhas e objetos necessárias para representar diferentes processos.

O poder e a versatilidade das fórmulas no Lucidchart vão muito além das opções de Page Insights pré-prontas mencionadas acima. Confira o artigo Usar fórmulas no Lucidchart para informações gerais sobre fórmulas, uma visão rápida de referência de formas e um glossário.

Saiba mais: além dos conceitos básicos de fórmulas abordados no artigo acima, confira a documentação para desenvolvedores de fórmulas para conhecer fórmulas adicionais e como elas funcionam na Lucid.

Compartilhe seu fluxograma

Depois de aperfeiçoar seu fluxograma, é hora de compartilhá-lo com as pessoas para quem ele foi criado.  A Lucid oferece diferentes opções para isso, conforme a necessidade da sua organização, incluindo: compartilhar uma versão estática ou ao vivo, exportar ou imprimir, ou publicar uma versão acessível por link. 

Primeiro, decida se quer compartilhar uma versão estática ou uma versão ao vivo.

Você pode optar por compartilhar uma versão estática do fluxograma se:

  • Quer que o diagrama reflita o processo em um momento específico.
  • Você precisa de uma versão impressa do seu fluxograma.
  • Quer controlar quem tem acesso à informação.
  • Seu fluxograma não precisa de atualizações frequentes.

Já uma versão dinâmica ou ao vivo é indicada se:

  • Você quer que seu público veja as atualizações do fluxograma em tempo real.
  • Você deseja que seu público tenha acesso aos campos de dados vinculados.
  • Seu diagrama é grande demais para exportar ou imprimir.
  • Seu fluxograma precisa de atualizações frequentes.

Dica: você pode optar por compartilhar o fluxograma com outros usuários da Lucid para colaboração em tempo real. Para obter mais informações, confira o artigo Compartilhar com colaboradores na Lucid.

Exportar ou imprimir uma versão estática

Para compartilhar uma versão estática do seu fluxograma, você pode exportá-lo como imagem ou PDF para o seu dispositivo, ou imprimir uma cópia física.

Saiba mais: Para obter mais informações e instruções detalhadas, confira o artigo Exportar ou imprimir um documento da Lucid.

Publicar ou incorporar uma versão ativa

Ao compartilhar uma versão dinâmica do seu fluxograma, você pode publicá-lo ou incorporar uma versão ao vivo diretamente na sua página da web.

Publicar seu fluxograma

A publicação gera um link que pode ser enviado para qualquer pessoa (inclusive quem não usa a Lucid), concedendo acesso para visualizar seu fluxograma. Você pode escolher publicar seu fluxograma como:

  • URL: Clique no link para navegar até uma versão ao vivo da página da Web do fluxograma.
  • PDF: clique no link para baixar um instantâneo em PDF do fluxograma como ele aparece no Lucidchart naquele momento. 
  • Imagem:clique no link para baixar um instantâneo em imagem do fluxograma como ele aparece no Lucidchart naquele momento. 

Se você publicar seu fluxograma como PDF ou imagem, o arquivo baixado será estático e não será atualizado com futuras alterações. Entretanto, caso ocorram atualizações, os usuários podem clicar novamente no link original para baixar a versão mais recente.

Saiba mais: para obter mais informações e instruções detalhadas, confira o artigo Publicar ou incorporar um documento da Lucid.

Incorporar seu fluxograma
A incorporação permite que você adicione uma versão interativa do seu fluxograma à sua própria página da web. Você pode gerar um código de incorporação diretamente no Lucidchart ou utilizar uma das integrações externas de incorporação da Lucid, como:]

Recursos

Para saber mais sobre como aproveitar todo o potencial dos fluxogramas, explore os recursos adicionais abaixo. Os recursos estão disponíveis apenas em inglês.
BlogTrês dicas para visualizar diagramas complexos

Publicações da comunidadeCriar um fluxograma de processo comercialCriar um diagrama de estado atual e futuroUsar camadas para expandir ou fechar um fluxograma

Guia rápidoTrês dicas para criar diagramas impressionantes

ModelosExemplos de Fluxograma de Processo ComercialFluxograma Mostrando as Dependências das TarefasExemplos de Fluxograma de Algoritmo

VídeoFluxogramas na Lucid

Envie seu feedback sobre este artigo

Gostaria de compartilhar sua opinião sobre este artigo? Conte-nos sobre sua experiência aqui.

Encontrou o que procurava?

Ainda tem dúvidas ou quer compartilhar o que aprendeu? Visite nossa Comunidade   para obter ajuda e colaborar com outras pessoas.