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
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)
O oval marca o início e o fim do fluxograma.
Operação
Um retângulo representa uma etapa de processamento, como uma atribuição ou um cálculo.
Entrada/saída
O paralelogramo indica onde os dados são lidos ou exibidos.
Ramificação
O losango contém uma condição. Conforme o resultado, o fluxo segue pela saída Sim ou Não.
Sub-rotina
Um retângulo com linhas laterais duplas chama uma sub-rotina que tem seu próprio fluxograma.
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çã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)
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í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 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)
Um retângulo representa uma única etapa de processamento, como uma atribuição ou um cálculo.
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)
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)
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í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 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 contagem
Um loop com condição no início, variável de contagem, valores inicial e final e incremento opcional.
Chamada de subprograma
Um bloco com linhas laterais duplas chama uma sub-rotina própria, descrita em outro lugar.
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)
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
Testador de Regex
Teste expressões regulares em tempo real no motor JavaScript nativo, com destaque de correspondências, grupos de captura e modo de substituição, diretamente no navegador.
Criado por Jakub Martyniak
Editor de diagramas de Nassi-Shneiderman
NovoCrie diagramas de Nassi-Shneiderman (DIN 66261) online: com blocos de construção ou pseudocódigo, alternância para fluxogramas, 9 modelos para provas e exportação em PNG, SVG e PDF.
Criado por Justin Schuessler
Converter hexadecimal em decimal (binário, hexadecimal, decimal, octal)
NovoConversor de bases numéricas: hexadecimal em decimal, binário em decimal e vice-versa, além de octal e qualquer base até 36. Inclui cálculo passo a passo, complemento de dois e bits clicáveis.
Criado por Luca Stanek
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 suporteTeste 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.
Sem configuração. Sem riscos. Online em segundos.
Procurando mais ferramentas? Ver todas as ferramentas para desenvolvedores
