Criar fluxograma

Sobre o criador de fluxogramas

Um fluxograma é uma imagem de um processo. Cada passo fica em uma caixa e as setas mostram a ordem. Quando há uma escolha, uma pergunta em um losango divide o caminho em sim e não. Você vê o processo inteiro de uma vez, por isso um fluxograma é fácil de explicar e fácil de conferir.

A maioria das ferramentas faz você arrastar cada caixa e cada seta à mão. Isso leva muito tempo, e as linhas costumam se cruzar. Aqui você só escreve os passos, um por linha, como uma lista no papel. A ferramenta posiciona as caixas, desenha as setas e mantém as linhas separadas. Mude uma linha e o fluxograma é atualizado na hora.

Recursos

• Texto entra, fluxograma sai — um passo por linha; as caixas, as setas e os espaços são feitos para você
• Perguntas com sim e não — termine uma linha com ? e escreva as saídas embaixo
• Repetições e saltos — -> Nome do passo volta (ou avança) para um passo, desenhado como uma linha na lateral
• As formas padrão — início e fim arredondados, caixa, losango e uma caixa inclinada para entrada e saída
• Mensagens claras — cada problema diz a sua linha, e um clique leva você até ela
• 8 estilos — Clássico, Minimalista, Marcante, Pastel, Escuro, Projeto técnico, Desenhado à mão e Lousa
• De cima para baixo ou da esquerda para a direita — e uma legenda das formas para atividades de aula
• PNG e SVG — uma imagem nítida para slides, ou um SVG para editar e imprimir; seu texto fica salvo neste navegador

Como escrever um fluxograma em texto

Escreva um passo em cada linha. As palavras decidem a forma:

Coloque os passos de um ramo nas linhas embaixo do seu sim: ou não:, recuados com dois espaços. Quando o ramo acaba, volte para a esquerda: a linha seguinte vem depois da pergunta, e os dois caminhos se juntam ali de novo. Um ramo curto cabe em uma linha: sim: Levar um guarda-chuva.

Você não precisa escrever os dois caminhos. Se uma pergunta tem só sim:, o caminho “não” segue direto para o próximo passo. Um ramo também pode ter outro nome curto, como Vermelho:, Amarelo: e Verde:, e assim uma pergunta pode ter três ou mais saídas.

Um salto usa as palavras exatas de um passo. Letras maiúsculas e um ? no final não importam. Para voltar depois de um passo, escreva -> Nome do passo na linha seguinte, ou no fim da mesma linha: Juntar dinheiro primeiro -> Tenho o dinheiro?.

Os parênteses e colchetes são outro jeito de escolher uma forma: (texto) é um fim arredondado, [texto] é uma caixa, /texto/ é uma caixa de entrada ou saída e <texto> é um losango. Use [ ] para um passo que termina com ? mas não é uma pergunta, como [Perguntar "Por quê?"].

Três exemplos para começar

Clique em um exemplo embaixo da caixa de texto para carregá-lo e depois mude-o. O primeiro exemplo, Rotina da manhã, mostra as ideias principais:

Devo comprar? adiciona uma repetição e um fim antecipado. Embaixo de Tenho o dinheiro?, o caminho “não” diz Juntar dinheiro primeiro e depois -> Tenho o dinheiro?, então o fluxograma volta e pergunta de novo. A linha não: Fim: Não comprar termina o processo dentro de um ramo.

Login usa caixas de entrada e saída e uma pergunta dentro de um ramo. Depois de uma senha errada, 3 tentativas erradas? bloqueia a conta ou volta com não: -> Entrada: E-mail e senha.

Símbolos do fluxograma e o que significam

Marque Mostrar uma legenda das formas em Opções avançadas para imprimir esta legenda embaixo do seu fluxograma. Ela lista só as formas que o seu fluxograma usa.

Oito estilos

• Clássico — cores suaves, uma cor diferente para cada tipo de forma
• Minimalista — linhas pretas no branco, economiza tinta ao imprimir
• Marcante — formas cheias e fortes com texto branco, para slides
• Pastel — cores delicadas e cantos arredondados
• Escuro — formas brilhantes em fundo escuro, para telas
• Projeto técnico — linhas brancas em uma grade azul, como um desenho técnico
• Desenhado à mão — um esboço em papel de caderno pautado
• Lousa — traços de giz em uma lousa verde, para a sala de aula

O estilo muda só o visual. Os passos, o layout e os downloads continuam os mesmos. Uma cor por forma pode ser trocada por A mesma cor para tudo embaixo da lista de estilos.

Quem usa fluxogramas

• Estudantes — planejar um algoritmo para ciência da computação, os passos de um experimento ou um método de matemática
• Professores — mostrar as regras da turma ou “o que fazer quando você trava” na lousa, em tela cheia
• Equipes — explicar passo a passo como um pedido, uma encomenda ou um chamado de suporte é tratado
• Programadores — esboçar a lógica de uma função antes de escrever o código
• Em casa — tomar uma decisão ou desenhar uma rotina para as crianças seguirem

Perguntas frequentes

O que é um fluxograma?

Um fluxograma é um diagrama dos passos de um processo. As caixas guardam os passos, as setas mostram a ordem e os losangos guardam as perguntas em que o caminho se divide. Ele é usado em escolas, escritórios e programação para explicar como algo funciona.

Como adiciono uma decisão sim / não?

Termine a linha com um ponto de interrogação, como Está chovendo?. Nas linhas seguintes, escreva sim: e não:, cada um com seus passos, recuados com dois espaços. Se você escrever só um deles, o outro caminho segue direto para o próximo passo.

Como faço uma repetição?

Escreva -> e as palavras exatas de um passo anterior, como -> Tenho o dinheiro?. A seta volta para esse passo. Ela é desenhada como uma linha na lateral do fluxograma, então não cruza as outras linhas.

O que significam as mensagens vermelhas e amarelas?

As linhas vermelhas são problemas que a ferramenta não consegue desenhar, como um salto para um passo que não existe. As linhas amarelas são dicas, como uma pergunta com só uma saída. Cada mensagem começa com o número da linha. Clique nele e a linha é selecionada na caixa de texto. Os números de linha à esquerda da caixa também ficam marcados.

Posso editar o fluxograma em outro programa?

Sim. Baixe o SVG. Ele abre no Inkscape, no Illustrator e no Figma, e você pode inseri-lo no PowerPoint ou no Word. O texto continua sendo texto de verdade. O PNG é uma imagem em tamanho dobrado, nítida para slides e documentos.

Meu fluxograma é salvo ou enviado?

Seu texto e suas configurações ficam salvos neste navegador, então o fluxograma continua lá quando você voltar. Nada é enviado. O fluxograma é desenhado no seu dispositivo.

Posso escrever em outros idiomas?

Sim. Você pode digitar os passos em qualquer idioma. O texto em chinês, japonês e coreano quebra entre os caracteres, e o texto em árabe e hebraico é desenhado da direita para a esquerda. Nesta página, as palavras especiais funcionam em português e em inglês (Início, Fim, sim, não, Entrada, Saída e Start, End, yes, no, Input, Output); os parênteses como (texto) e /texto/ funcionam em qualquer idioma.

O criador de fluxogramas é grátis?

Sim. Não precisa de cadastro, não tem marca d'água e não há limite de quantos fluxogramas você faz.

Bom saber

• O layout é automático. Você não pode arrastar uma caixa à mão; mude a ordem das linhas
• Texto longo quebra em mais linhas, até 8 linhas em uma forma
• Um fluxograma pode ter até 400 linhas
• Ramos escritos com sim: e não: nunca se cruzam. Os saltos têm linhas próprias na lateral; só dois saltos que se sobrepõem (A de volta para C e B de volta para D) podem precisar se cruzar
• Se dois passos têm as mesmas palavras, um salto vai para o primeiro
• O PNG de um fluxograma muito grande tem o lado mais longo de 8000 pixels; o SVG não tem limite

Ferramentas relacionadas

• Criador de mapas mentais — coloque suas ideias em volta de um tema principal
• Criador de organograma — mostre quem se reporta a quem em uma equipe
• Criador de linha do tempo — mostre eventos na ordem das suas datas
• Criar gráfico de Gantt — planeje tarefas ao longo de dias e semanas
• Criar diagrama de Venn — compare dois ou três grupos
• Gerador de diagrama de Sankey — mostre como quantidades fluem de um lugar para outro

Como usar

• Escreva seus passos na caixa, um por linha — ou clique em um exemplo para começar
• Termine uma pergunta com ? e escreva sim: e não: embaixo, com seus passos recuados
• Escreva -> e o nome de um passo para voltar a ele
• Se aparecer uma linha vermelha embaixo da caixa, clique no número da linha e corrija essa linha
• Escolha um estilo, uma direção e um tamanho de texto
• Clique em Baixar PNG ou Baixar SVG — ou em Tela cheia para mostrar o fluxograma em uma tela grande