tone-row/flowchart-fun

O que é?

Recursos principais

• 01Gera fluxogramas a partir de texto simples com recuos.
• 02Aceita conexões que retornam a nós anteriores.
• 03Desenvolvido com React e cytoscape.js para renderização.
• 04Os textos da interface podem ser traduzidos por meio de arquivos de localização .po.
• 05Inclui testes unitários com Jest e testes end-to-end com Playwright.

Casos de uso

• Esboçar rapidamente fluxos de processos ou árvores de decisão a partir de anotações.
• Planejar fluxos de usuários ou a lógica de sistemas antes de desenvolvê-los.
• Transformar um esboço escrito em um diagrama que pode ser compartilhado.

Início rápido

1. 1

   Clone o repositório

2. 2

   Copie .env.example para .env e adicione as variáveis de ambiente

3. 3

   Instale as dependências com pnpm

   pnpm install
4. 4

   Compile os pacotes shared e formulaic

   pnpm -F shared build && pnpm -F formulaic build
5. 5

   Execute o app sem os recursos de login

   pnpm dev

Antes de usar

• !Para executar o app completo com os recursos de login, são necessárias contas na Vercel, Supabase, Stripe e Sendgrid.
• !Para fazer o deploy com os recursos de login, é necessária uma conta Vercel Pro, pois são usadas mais de 12 funções serverless.

Tópicos

Perguntas frequentes

O que é flowchart-fun?

Um app web que transforma esboços em texto simples em fluxogramas e diagramas, desenvolvido com React e cytoscape.js. O Flowchart Fun gera fluxogramas a partir de texto. Você escreve os nós e suas conexões usando uma sintaxe de texto simples com recuos, e o app os renderiza como um diagrama no navegador, para que possa esboçar ideias e planos sem arrastar formas.

flowchart-fun é gratuito? Qual é a licença?

flowchart-fun é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

flowchart-fun ainda é mantido?

Manutenção ativa. O último commit de flowchart-fun foi em 16 de out. de 2026.

Para que posso usar flowchart-fun?

Esboçar rapidamente fluxos de processos ou árvores de decisão a partir de anotações. Planejar fluxos de usuários ou a lógica de sistemas antes de desenvolvê-los. Transformar um esboço escrito em um diagrama que pode ser compartilhado.

Como instalar flowchart-fun?

Clone o repositório Copie .env.example para .env e adicione as variáveis de ambiente Instale as dependências com pnpm: pnpm install Compile os pacotes shared e formulaic: pnpm -F shared build && pnpm -F formulaic build Execute o app sem os recursos de login: pnpm dev

Onde consigo flowchart-fun?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/tone-row/flowchart-fun