Criar Fluxograma com Diagramas que se Organizam Sozinhos
Esta ferramenta de criar fluxograma funciona com arrastar e soltar para montar fluxogramas, diagramas de processo e visualizações de fluxo de trabalho direto no navegador. Escolha uma forma, solte na tela e conecte os blocos — nada para instalar e nenhuma conta para criar.
Com 44 tipos de forma — de blocos de processo e losangos de decisão a bancos de dados, raias e portas lógicas — você mapeia desde uma árvore de decisão simples até uma arquitetura de sistema completa. Serve para desenvolvedores que documentam pipelines, analistas de negócio que mapeiam fluxos de aprovação, estudantes que desenham fluxogramas de algoritmos e gestores de projeto que visualizam processos da equipe.
Como Fazer um Fluxograma
Adicione formas
Abra um grupo de formas na barra lateral esquerda — Básicas, Controle de fluxo, Dados e mais — depois clique em uma forma para soltá-la no centro ou arraste-a para qualquer ponto da tela. As formas se encaixam em uma grade de 20px para um alinhamento organizado.
Conecte-as
Passe o mouse sobre uma forma para revelar seus pontos azuis de conexão, depois clique em um ponto e em um ponto de outra forma para desenhar uma seta curva. Pressione C para o modo Conectar e adicione um rótulo como Sim ou Não pelo painel de propriedades.
Edite e estilize
Clique duas vezes em qualquer forma para digitar o texto. Use o painel de propriedades à direita para mudar preenchimento, borda, opacidade, tamanho da fonte e dimensões, ou arraste as alças de redimensionamento para reformatar uma forma selecionada.
Organize com capricho
Selecione formas com Ctrl+clique ou com um retângulo de seleção, depois use as ferramentas de Alinhar e Distribuir, ou clique em Layout Automático para organizar tudo em uma hierarquia limpa automaticamente.
Exporte seu trabalho
Abra o menu Exportar e salve seu fluxograma como imagem PNG, vetor SVG ou arquivo de dados JSON. Importe um arquivo JSON depois para continuar editando ou para compartilhar um diagrama entre dispositivos.
Recursos
44 Tipos de Forma
Uma biblioteca completa de símbolos de fluxograma — processo, decisão, terminal, dados, banco de dados, documento, tabela, raia, portas lógicas e mais — organizada em nove grupos.
Tela com Arrastar e Soltar
Arraste formas da barra lateral ou clique para posicioná-las. Tudo se encaixa em uma grade de 20px, com guias de alinhamento que aparecem conforme você alinha as formas às vizinhas.
Conexões Inteligentes
Ligue formas com setas curvas e suaves. Adicione rótulos, escolha entre quatro estilos de seta (para frente, para trás, ambas, nenhuma) e defina cor, espessura e estilo sólido, tracejado ou pontilhado da linha.
Tabelas Interativas
Solte uma forma de tabela com células editáveis. Clique duas vezes em uma célula para digitar, pressione Tab para avançar e adicione ou remova linhas e colunas pelo painel de propriedades.
Layout Automático e Alinhamento
Um clique organiza suas formas em uma hierarquia arrumada. Alinhe à esquerda, ao centro, à direita, acima, no meio ou embaixo, e distribua as formas selecionadas de forma uniforme.
Agrupamento e Ordem
Agrupe formas com Ctrl+G para movê-las juntas, desagrupe com Ctrl+Shift+G e traga as formas para a frente ou envie-as para trás para controlar a sobreposição.
Buscar e Substituir
Pressione Ctrl+F para encontrar qualquer texto em todas as formas e substituí-lo de uma só vez — ótimo para renomear etapas em diagramas grandes.
Minimapa e Zoom
Um minimapa dá uma visão geral, com clique para navegar, de diagramas grandes. Dê zoom de 10% a 500% com a roda do mouse, botões ou ajuste à tela, e desloque-se com a ferramenta de mão.
Abas de Múltiplos Diagramas
Trabalhe em vários diagramas em abas separadas. Adicione, renomeie, duplique ou exclua diagramas, com cada aba mantendo suas próprias formas, conexões e visualização.
12 Modelos Prontos
Comece rápido com diagramas prontos: fluxo básico, árvore de decisão, checkout de e-commerce, recrutamento, autenticação, relato de bug, desenvolvimento de software, suporte, atendimento de pedidos, CI/CD, CRUD de banco de dados e envio de arquivo.
Exportar e Importar
Exporte em PNG (resolução 2x), vetor SVG ou dados JSON, e reimporte um arquivo JSON para continuar editando ou compartilhar diagramas entre dispositivos.
Atalhos e Modo Escuro
Os atalhos de teclado cobrem ferramentas e edição — pressione ? para a lista completa — além de histórico de desfazer/refazer, um menu de botão direito e um tema escuro embutido.
Perguntas Frequentes
Como faço um fluxograma online?
Abra um grupo de formas na barra lateral esquerda, depois clique ou arraste uma forma para a tela. Passe o mouse sobre uma forma para revelar seus pontos azuis e clique entre duas formas para conectá-las. Clique duas vezes em uma forma para digitar o texto. Não há nada para baixar nem cadastro a fazer — basta abrir a página e começar a montar.
Esta ferramenta de fluxograma é grátis e preciso de uma conta?
Sim, ela funciona inteiramente no seu navegador, sem cadastro. Cada forma e conexão é montada localmente, e seu trabalho é salvo automaticamente no armazenamento do navegador, então continua lá quando você voltar.
O que significam os símbolos do fluxograma?
Um retângulo (Processo) é uma etapa ou ação, um losango (Decisão) é uma ramificação sim/não, e um oval (Início / Fim, também chamado de terminal) marca onde um fluxo começa ou termina. Além desses básicos, são 44 formas no total, incluindo símbolos de dados, banco de dados, documento, raia e portas lógicas, cada um agrupado por finalidade na barra lateral.
Como conecto duas formas e adiciono um rótulo?
Passe o mouse sobre uma forma para ver os pontos azuis nas bordas, clique em um ponto e depois em um ponto de outra forma para desenhar uma seta curva. Você também pode pressionar C para o modo Conectar. Para rotular uma linha, selecione-a e digite no campo Rótulo do painel de propriedades — o texto aparece no ponto central.
Como exporto um fluxograma como imagem?
Abra o menu Exportar e escolha PNG para uma imagem em alta resolução (2x), SVG para um vetor escalável que você pode imprimir ou colocar na web, ou JSON para salvar os dados editáveis. Reimporte o arquivo JSON depois para continuar trabalhando no mesmo diagrama.
Como alinho formas e as organizo automaticamente?
Selecione duas ou mais formas e as ferramentas de Alinhar aparecem — alinhe à esquerda, ao centro, à direita, acima, no meio ou embaixo, e distribua três ou mais de forma uniforme. Para dispensar o posicionamento manual por completo, clique em Layout Automático e a ferramenta organiza cada forma em uma estrutura hierárquica.
Posso trabalhar em mais de um diagrama ao mesmo tempo?
Sim. Adicione uma nova aba de diagrama pela barra de ferramentas e cada aba mantém sua própria tela, formas e zoom independentes. Use o menu de uma aba para renomeá-la, duplicá-la ou excluí-la.
Quais atalhos de teclado posso usar?
Pressione ? para a lista completa. Os mais comuns incluem V (selecionar), H (mover) e C (conectar), além de Ctrl+Z para desfazer, Ctrl+C / Ctrl+V para copiar e colar, Ctrl+D para duplicar, Ctrl+G para agrupar e Ctrl+F para buscar e substituir.
Meus dados são privados?
Sim. Tudo funciona no seu navegador e nada é enviado a um servidor. Seus diagramas ficam apenas no armazenamento local do navegador, onde são salvos automaticamente conforme você trabalha.
Ainda não há comentários. Seja o primeiro a comentar!