Crie diagramas de fluxo online com 20 formas e conectores inteligentes
Retângulos, losangos, terminadores, cilindros e documentos conectados com setas que se prendem automaticamente a 8 âncoras, se dobram onde você quiser e desviam de qualquer coisa no meio.
Um diagrama de fluxo pode ser entendido em dez segundos. O mesmo processo descrito por escrito leva três parágrafos e levanta dúvidas.
FlowBoard é o editor de quadro branco e diagramas da AIsToHire, e os diagramas de fluxo são o que ele faz de melhor. Cada quadro suporta 20 tipos de elementos: 12 formas projetadas para processos —retângulo, retângulo arredondado, elipse, losango de decisão, triângulo, hexágono, paralelogramo, estrela, documento, cilindro de armazenamento, processo predefinido e terminador— além de notas adesivas, texto formatado, ícones, imagens, quadros, tabelas, cartões e grupos. Você escolhe a forma na barra, arrasta para a tela e ela se alinha a uma grade de 24 px com guias de alinhamento; se depois você mudar de ideia, a mudança de forma converte um retângulo em losango mantendo o texto, o estilo e as setas que já tinha.
As setas são desenhadas com a ferramenta de conector (tecla C): você sai de uma caixa e solta em outra. Ao se aproximar a menos de 26 px de um elemento (40 em uma tela sensível ao toque), suas 8 âncoras —norte, sul, leste, oeste e os quatro cantos— se iluminam, e a extremidade se prende à mais próxima, então quando você move a caixa, a seta a segue sem se soltar. Se você preferir não depender dos 8 pontos, nas Configurações você pode ativar a conexão livre na borda, que permite colar a extremidade em qualquer ponto do perímetro. Uma extremidade também pode ficar solta em um ponto da tela ou começar em outro conector para ramificar um caminho sem tocar nas caixas.
Cada conector suporta três traçados: reto, ortogonal (em ângulo reto) e curvo. Arraste qualquer ponto da linha e um waypoint é criado que a dobra bem ali —até 20 por conector— e arrastá-lo para fora o remove. Se você ativar “Evitar elementos”, o traçado ortogonal é recalculado com uma busca A* em uma grade de 12 px e a linha contorna as caixas que houver no meio em vez de atravessá-las; assim que você adiciona waypoints manuais, você dita seu percurso. O restante também se ajusta: clique duas vezes na linha para escrever o rótulo (“Sim”, “Não”, a condição) em negrito e itálico, cinco extremidades por lado (nenhuma, triângulo, triângulo aberto, losango e círculo), linha contínua, pontilhada ou de traços, quatro espessuras, cor e uma nota com links e arquivos anexados.
O diagrama não fica no navegador. Cada quadro suporta até 1.500 elementos e 1.500 conectores, salva automaticamente enquanto você trabalha, tenta novamente se a conexão cair e mantém até 30 versões para as quais voltar. Você pode começar com o modelo “Diagrama de fluxo” —início, processo, decisão e fim já conectados— descrever o processo em uma frase e deixar que a IA o desenhe, ou importar o que você já tem no Mermaid, draw.io (.drawio) ou Visio (.vsdx); “Reorganizar automaticamente” reposiciona as caixas por camadas quando o fluxo fica bagunçado. E quando estiver pronto, pode ser exportado em PNG, SVG, PDF, JSON ou Mermaid, ou projetado em tela cheia no modo apresentação.
Ventajas de Diagramas de fluxo
20 tipos de elementos na mesma folha
as 12 formas clássicas do diagrama de fluxo (losango de decisão, terminador, documento, cilindro, processo predefinido…) e também notas, ícones, imagens, tabelas, cartões e quadros para agrupar.
Imã a 8 âncoras
ao aproximar a extremidade da seta, os oito pontos da caixa se iluminam e se prendem ao mais próximo; não importa onde você mova a caixa, a seta vai com ela.
Três traçados para a mesma seta
reto para o direto, ortogonal para o diagrama limpo em ângulo reto e curvo para os esquemas soltos, modificáveis com um clique sem refazer a conexão.
Waypoints à mão
arraste a linha onde você quiser que passe e ela se dobra ali, até 20 pontos por conector; arraste o ponto para fora e ele desaparece.
Desvie do que houver no meio
com “Evitar elementos” o traçado ortogonal é recalculado com uma busca A* em grade de 12 px e rodeia as caixas em vez de cruzá-las.
Rótulos na própria seta
clique duas vezes e escreva “Sim”, “Não” ou a condição, em negrito e itálico, e o rótulo viaja com a linha quando você a move.
Mude de forma sem refazer nada
um retângulo passa a ser um losango mantendo seu texto, seu estilo e todos os seus conectores, e a grade de 24 px com guias de alinhamento mantém o diagrama reto.
Comece com o fluxo já montado
modelo “Diagrama de fluxo” com início, processo, decisão e fim conectados, geração com IA a partir de uma frase e importação de Mermaid, draw.io e Visio.
Seu processo, em caixas e setas, em cinco minutos
FlowBoard é o editor de diagramas de fluxo da AIsToHire: crie sua conta gratuita, abra o modelo “Diagrama de fluxo” e conecte suas primeiras caixas sem instalar nada.