Ir para o conteúdo
Ferramenta gratuita

Crie um fluxograma online: editor gratuito

Com este editor, você cria fluxogramas conforme a norma DIN 66001 usando blocos ou pseudocódigo. Ele organiza os símbolos automaticamente: por exemplo, ao escrever «WHILE x < 10», você obtém um losango, o corpo do laço e a linha de retorno. Com um clique, o mesmo fluxo vira um diagrama estruturado. Exporte em PNG, SVG ou PDF.

Criado por Justin Schuessler

Gratuito, sem cadastro nem instalação: o editor funciona inteiramente no seu navegador, e seus diagramas não são enviados para nós.

Fluxo pronto? Teste o código diretamente em um VPS ou espaço de hospedagem web próprio.

Blocos de construção

100 %
Fluxograma: FactorialFactorialIniciarEntrada: nresult := 1i := 1i <= nsimresult := result * ii := i + 1nãoSaída: resultFim

Teclado no diagrama: ↑/↓ selecionar bloco, Enter editar texto, Alt+↑/↓ mover, Delete excluir, Insert inserir bloco, Ctrl+Z/Ctrl+Y desfazer/refazer, Ctrl+X/C/V recortar/copiar/colar.

Sintaxe do pseudocódigo
PROGRAM Name
INPUT x / OUTPUT x
CALL procedure(x)
IF condition THEN … ELSE IF … ELSE … END IF
SWITCH x  CASE 1: …  DEFAULT: …  END SWITCH
WHILE condition … END WHILE
REPEAT … UNTIL condition
FOR i FROM 1 TO n STEP 1 … END FOR
LOOP name … BREAK name … END LOOP

Qualquer outra linha é uma instrução; com \ no início, a linha sempre é uma instrução, mesmo que comece com uma palavra-chave.

A indentação e o uso de maiúsculas e minúsculas não importam, e você pode misturar palavras-chave em alemão e inglês. Nenhum código de programa real é gerado ou executado.

Clique em um bloco no diagrama para editá-lo aqui. Clique duas vezes para editar o texto diretamente no diagrama.

Salvar e exportar

Tudo funciona no seu navegador: o estado atual é salvo apenas localmente, e o link de compartilhamento contém o próprio diagrama. Nenhum dado é enviado para nós.

Funções

Fluxogramas sem arrastar caixinhas

Você descreve o fluxo, e o editor posiciona os símbolos conforme a DIN 66001, traça as linhas e mantém as duas visualizações atualizadas.

Símbolos conforme a DIN 66001

Terminal, processo, decisão, entrada/saída e subprocesso, conectados por linhas de fluxo e retornos em loops.

Alternar para o diagrama de Nassi-Shneiderman

O mesmo fluxo como diagrama de Nassi-Shneiderman conforme a DIN 66261, sem precisar desenhar tudo de novo.

Editor visual de cliques

Coloque blocos antes, depois ou dentro de outro bloco; edite textos diretamente no diagrama, mova, exclua ou desfaça alterações.

Pseudocódigo nos dois sentidos

Texto e diagrama permanecem sincronizados. Se houver um erro de digitação, o editor mostra a linha e uma indicação, sem alterar o diagrama.

Exportação e arquivo de projeto

PNG e SVG para documentos, PDF em A4 para impressão e arquivo de projeto (JSON) para salvar e abrir novamente.

Compartilhe sem conta

O link de compartilhamento contém o diagrama no endereço. Nada é armazenado em nossos servidores.

Como funciona

Como criar um fluxograma

Comece com um modelo ou um fluxo vazio e trabalhe da maneira que preferir.

Passo 1

Carregar um modelo ou começar do zero

Escolha um dos nove modelos de exemplo, como fatorial, ano bissexto ou Bubble Sort, ou comece um fluxo vazio com «Novo».

Passo 2

Monte o fluxo com cliques

Escolha um bloco no editor visual e insira-o antes, depois ou dentro de outro bloco. Dê um clique duplo para editar o texto diretamente no diagrama.

Passo 3

Ou escrever pseudocódigo

Escreva o fluxo no campo de pseudocódigo com palavras-chave em alemão ou inglês. O diagrama se organiza automaticamente, e o editor indica os erros de digitação com o número da linha.

Passo 4

Exportar ou compartilhar

Baixe o fluxograma como PNG, SVG ou PDF (A4), salve o arquivo do projeto (JSON) ou copie um link de compartilhamento.

DIN 66001

Principais símbolos do fluxograma

Os símbolos da DIN 66001 que o editor usa nos fluxogramas. O fluxo é organizado automaticamente; você não precisa mover nada.

Terminal (início/fim)Iniciar

Terminal (início/fim)

O oval marca o início e o fim do fluxograma.

Operaçãosoma := soma + numero

Operação

Um retângulo representa uma etapa de processamento, como uma atribuição ou um cálculo.

Entrada/saídaEntrada: numero

Entrada/saída

O paralelogramo indica onde os dados são lidos ou exibidos.

Ramificaçãonumero > 0

Ramificação

O losango contém uma condição. Conforme o resultado, o fluxo segue pela saída Sim ou Não.

Sub-rotinaordenar(lista)

Sub-rotina

Um retângulo com linhas laterais duplas chama uma sub-rotina que tem seu próprio fluxograma.

Linha de fluxoEntrada: numeroSaída: numero

Linha de fluxo

Linhas com setas conectam os símbolos e indicam a sequência. O fluxo normal segue de cima para baixo.

Ramificação com junçãonumero > 0simnãos := 1s := -1

Ramificação com junção

Após uma ramificação, os dois caminhos se encontram novamente em um ponto antes de o fluxo continuar.

Limite do laço (laço infinito)MenuEntrada: escolhaMenu

Limite do laço (laço infinito)

Um hexágono com os cantos superiores chanfrados marca o início do loop; outro, com os cantos inferiores chanfrados, marca o fim. O editor usa esse par para o loop infinito.

Ponto de saídaLoop infinitoconcluídosimnãoAcontinuar()Loop infinitoA

Ponto de saída

Um círculo com uma letra conecta dois pontos sem uma linha longa. Uma saída do loop termina no círculo A, e o fluxo continua no círculo A após o loop.

Laço com retornoi <= 10simi := i + 1não

Laço com retorno

Um loop é formado por uma ramificação e uma linha de retorno até antes da condição.

Estruturas de controle

Laços e decisões em fluxogramas

Veja como o editor representa as estruturas de controle mais comuns e como escrevê-las em pseudocódigo com palavras-chave em alemão ou inglês.

Ramificação

O losango contém a condição; os ramos seguem para a esquerda e para a direita e depois se juntam novamente. Pseudocódigo: SE … ENTÃO … SENÃO … FIM SE ou IF … THEN … ELSE … END IF.

Seleção múltipla (switch case)

Um losango com a expressão e um ramo para cada caso, com um ramo padrão opcional. Pseudocódigo: SELECIONE x … CASO 1: … SENÃO: … FIM SELECIONE ou SWITCH x … CASE 1: … DEFAULT: … END SWITCH.

Loop com condição no início

O losango fica antes do corpo; a linha de retorno volta pela esquerda até antes da condição, enquanto a saída «Não» segue pela direita. Pseudocódigo: ENQUANTO … FIM ENQUANTO ou WHILE … END WHILE.

Loop com condição no final

O corpo é executado pelo menos uma vez, e o losango com a condição vem depois. Pseudocódigo: REPITA … ATÉ … ou REPEAT … UNTIL ….

Loop de contagem

Representado pela atribuição inicial, condição, corpo e incremento da variável de contagem. Pseudocódigo: FÜR i VON 1 BIS 10 … ENDE FÜR ou FOR i FROM 1 TO 10 … END FOR, opcionalmente com SCHRITT ou STEP.

Laço infinito com saída

O par de símbolos que delimita o laço envolve seu corpo; a saída passa por um conector até depois do laço. Pseudocódigo: REPITA INDEFINIDAMENTE … INTERROMPA … FIM REPITA INDEFINIDAMENTE ou LOOP … BREAK … END LOOP.

Exemplos

Exemplos de fluxogramas para praticar

Nove exercícios típicos de escola, cursos técnicos e faculdade estão disponíveis como modelos. Carregue um em «Carregar modelo de exemplo», veja o fluxograma pronto com o pseudocódigo e faça alterações.

  • Fatorial
  • Cálculo de notas
  • Login com 3 tentativas
  • Ano bissexto
  • Máximo de uma lista
  • Bubble sort
  • Máquina de bebidas
  • Teste de primalidade
  • Adivinhe o número

DIN 66261

Principais símbolos do diagrama de Nassi-Shneiderman

Os blocos estruturais de Nassi-Shneiderman que o editor pode desenhar. Cada bloco tem exatamente uma entrada na parte superior e uma saída na parte inferior. O editor não oferece o processamento paralelo da DIN 66261.

Instrução (bloco estrutural)soma := soma + numero

Instrução (bloco estrutural)

Um retângulo representa uma única etapa de processamento, como uma atribuição ou um cálculo.

SequênciaEntrada: numeroquadrado := numero * numeroSaída: quadrado

Sequência

Os blocos empilhados são executados em sequência, de cima para baixo. Entradas e saídas são blocos de instrução comuns.

Ramificação (seleção)numero > 0simnãoSaída: “positivo”∅

Ramificação (seleção)

Um triângulo com a condição divide o fluxo em uma ramificação Sim e outra Não. Uma ramificação vazia é marcada com ∅.

Seleção de casos (seleção múltipla)x1a := 102a := 20senãoa := 0

Seleção de casos (seleção múltipla)

Dependendo do valor de uma expressão, apenas um dos casos é executado. Os valores dos casos ficam logo abaixo da diagonal; o último caso (geralmente “senão”, para todos os demais valores) fica no triângulo à direita.

Loop com condição no inícioenquanto i <= 10i := i + 1

Loop com condição no início

A condição fica na parte superior e é verificada antes de cada execução. Se for falsa logo no início, o corpo não é executado nenhuma vez.

Loop com condição no finalEntrada: numeroaté numero > 0

Loop com condição no final

A condição fica na parte inferior: o corpo é executado pelo menos uma vez e se repete até que a condição seja satisfeita.

Loop de contagempara i de 1 até 10Saída: i

Loop de contagem

Um loop com condição no início, variável de contagem, valores inicial e final e incremento opcional.

Chamada de subprogramaordenar(lista)

Chamada de subprograma

Um bloco com linhas laterais duplas chama uma sub-rotina própria, descrita em outro lugar.

Loop infinitoMenuEntrada: escolhaexecutar(escolha)

Loop infinito

Uma repetição sem condição: faixa superior (opcionalmente com identificador), barra à esquerda e faixa inferior. Só é possível sair dela por uma saída do loop.

Saída do loop (interrupção)Menu

Saída do loop (interrupção)

A cunha à esquerda sai do loop mais interno; o identificador indica o bloco do qual se sai. O fluxo continua no bloco após esse loop.

Descobrir mais

Mais ferramentas

FAQ

Perguntas frequentes

Respostas rápidas sobre fluxogramas, DIN 66001 e este editor.

Um fluxograma representa o fluxo de um programa ou algoritmo como uma sequência de símbolos padronizados conectados por setas. Ele mostra a ordem de execução de instruções, entradas, saídas e decisões, independentemente da linguagem de programação.

Carregue um modelo de exemplo no editor ou comece um fluxo vazio com «Novo». Adicione blocos com cliques ou escreva o fluxo em pseudocódigo; os dois permanecem sincronizados. O editor organiza os símbolos automaticamente: os ramos seguem para a esquerda e para a direita e depois se juntam; as linhas de retorno dos laços passam à esquerda do corpo. Por fim, exporte em PNG, SVG ou PDF. Tudo gratuito e sem cadastro.

Os símbolos são definidos pela norma DIN 66001 e, internacionalmente, pela ISO 5807. O editor usa o terminador (oval) para início e fim, o processo (retângulo), a decisão (losango), a entrada/saída (paralelogramo), o subprocesso (retângulo com linhas laterais duplas), linhas de fluxo com setas, o conector (círculo com letra) e o par de símbolos de delimitação para o laço infinito.

Um laço é formado por uma decisão e uma linha de retorno. No laço com condição no início, o losango vem antes do corpo: se a condição for verdadeira, o corpo é executado e a linha retorna até antes do losango; caso contrário, o fluxo segue pela direita. No laço com condição no fim, o losango vem depois do corpo. Um laço de contagem é desenhado com a atribuição inicial, a condição, o corpo e o incremento da variável de contagem. O editor representa um laço infinito com o par de símbolos de delimitação; a saída passa por um conector até depois do laço. Uma seleção múltipla (switch case) é representada por um losango com um ramo para cada caso e um ramo padrão opcional.

Uma linha por etapa, com blocos definidos por palavras-chave: WENN … DANN … SONST … ENDE WENN, FALLS x com FALL 1: e SONST: até ENDE FALLS, SOLANGE … ENDE SOLANGE, WIEDERHOLE … BIS …, FÜR i VON 1 BIS 10 … ENDE FÜR, ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE com ABBRUCH, além de EINGABE, AUSGABE e AUFRUF. As palavras-chave em inglês (IF, SWITCH, WHILE, REPEAT, FOR, LOOP, BREAK, INPUT, OUTPUT, CALL) também funcionam; você alterna entre os dois idiomas no campo de pseudocódigo. O editor não reconhece palavras-chave de outros idiomas: essas linhas viram instruções simples. Basta colar no campo um pseudocódigo que você escreveu em outro lugar. Se houver um erro de digitação, o editor indica a linha e mantém o último diagrama válido.

Ambos descrevem o mesmo fluxo. O fluxograma conecta símbolos com setas; os laços são representados por linhas de retorno. O diagrama estruturado (DIN 66261, diagrama de Nassi-Shneiderman) organiza blocos aninhados e não usa saltos. Por isso, é mais compacto e exige uma solução estruturada. Neste editor, você alterna entre as duas visualizações, geradas a partir do mesmo fluxo.

Sim. Exporte o fluxograma como PNG em alta resolução ou SVG e insira o arquivo no Word, PowerPoint ou outro documento. Para impressão, há um PDF em uma página A4. Com o arquivo do projeto (JSON), você salva o fluxo e pode abri-lo novamente no editor.

O editor é gratuito e não exige cadastro. Ele funciona inteiramente no seu navegador: o estado atual fica apenas no armazenamento local do navegador, e os arquivos exportados são gerados diretamente no seu dispositivo. No link de compartilhamento, o diagrama fica na parte do endereço após o #, que não é enviada ao servidor.

Mais alguma pergunta?

Contatar o suporte
Do fluxo ao programa

Teste o código do seu fluxograma em um servidor próprio

Em um VPS da ZAP-Hosting, você tem acesso root completo para usar qualquer linguagem; em um espaço de hospedagem web, PHP e MySQL funcionam imediatamente.

4,4/5 Trustpilot32.000+ Servidores ativosDesde 2010

Sem configuração. Sem riscos. Online em segundos.

Duração flexívelCancele a qualquer momentoOnline em 60 segundos

Procurando mais ferramentas? Ver todas as ferramentas para desenvolvedores