Pular para o conteúdo principal
ToolPotion
Consultor de IA
Enviar

OpenFlowKit

OpenFlowKit é uma ferramenta de diagramação de código aberto e local-first para engenheiros e arquitetos que transforma código, esquemas ou prompts em diagramas de arquitetura e fluxogramas editáveis, com exportação para Figma, SVG, PNG e JSON.

Visitar URL
Compartilhar
Captura de tela do OpenFlowKit
Captura de tela do OpenFlowKit

OpenFlowKit é um estúdio de diagramação de código aberto e local-first desenvolvido para desenvolvedores, arquitetos, fundadores técnicos e equipes de produto que desejam diagramas editáveis em vez de saídas de imagem estáticas geradas por IA. Ele cria diagramas de arquitetura, fluxogramas, designs de sistemas e outros fluxos de trabalho visuais, funcionando tanto para quem prefere escrever código quanto para quem prefere arrastar e soltar.

Ler mais

Em vez de desenhar caixas manualmente, você pode colar JSON, componentes React, esquemas Prisma ou dumps SQL, e o motor de IA analisa as relações para construir uma tela dinâmica. Ele oferece suporte de primeira classe para diagramação como código com uma DSL segura em tipos e sintaxe Mermaid.js, layout automático inteligente alimentado por ELK.js, e um assistente de IA Flowpilot com o qual você pode conversar em linguagem natural para construir e estilizar blocos. A IA é opcional e utiliza um modelo de traga sua própria chave com suas próprias chaves OpenAI ou Anthropic armazenadas localmente.

Tudo é local e privado, permanecendo em sua máquina sem rastreamento em nuvem ou sincronização forçada, e nenhuma conta é necessária para começar. Você pode exportar para camadas vetoriais nativas do Figma, SVG, PNG ou JSON, e copiar diagramas diretamente para o Figma como texto editável e formas vetoriais. A sincronização multiplayer peer-to-peer via WebRTC permite que equipes construam juntas em tempo real.

OpenFlowKit é 100% gratuito e licenciado sob MIT, com o motor central desenvolvido de forma aberta, e também inclui um motor de exportação cinematográfica que transforma diagramas em animações MP4 prontas para apresentação.

  • CategoriaProgramação e desenvolvimento
  • Modelo de preçosCódigo aberto
  • ImplantaçãoRoda localmente
  • PlataformasWeb

  • Análise de código para diagrama de JSON, React, esquemas Prisma e SQL

  • Diagrama como código com uma DSL segura em tipos e suporte a Mermaid.js

  • Assistente de IA Flowpilot com traga sua própria chave OpenAI ou Anthropic

  • Layout automático inteligente alimentado por ELK.js

  • Local-first e privado, sem necessidade de conta

  • Exportação para camadas vetoriais do Figma, SVG, PNG e JSON

  • Sincronização multiplayer peer-to-peer via WebRTC

  • Motor de código aberto licenciado sob MIT e exportação de animação MP4 cinematográfica

  1. Abra o estúdio: Comece a partir da tela inicial do espaço de trabalho com um fluxo em branco, um modelo ou uma importação, sem necessidade de conta.

  2. Escolha uma entrada: Cole código, importe arquivos Mermaid ou Draw.io, ou escreva um prompt na aba Flowpilot.

  3. Adicione sua chave de IA (opcional): Para geração de IA, adicione sua própria chave OpenAI ou Anthropic nas configurações.

  4. Refine visualmente: Mova nós, edite propriedades e execute o Layout Inteligente para limpar o espaçamento.

  5. Exporte: Salve como JSON para controle de versão ou exporte para Figma, SVG ou PNG.

  • Diagramas de arquitetura
  • Diagrama como código
  • Quadro branco para diagrama
  • Transferência para Figma
  • Colaboração em equipe

Avaliações de OpenFlowKit

Carregando...

Ferramentas de IA populares como OpenFlowKit

DiagramPreview

Apps de IA

DiagramPreview é um espaço de trabalho para desenvolvedores baseado em navegador para visualizar e converter formatos de diagrama como Mermaid, PlantUML, Graphviz, D2, Draw.io,…

Programação e desenvolvimento
Ver ferramenta

Apps de IA

Espaço de trabalho para desenvolvedores baseado em navegador para visualizar e converter formatos de diagrama como Mermaid, PlantUML, Graphviz, D2, Draw.io,…DiagramPreview é um espaço de trabalho para desenvolvedores baseado em navegador para visualizar e converter formatos de diagrama como Mermaid, PlantUML, Graphviz, D2, Draw.io,…

Programação e desenvolvimento
Ver o Top 250 de Apps de IA

Diagramas Animados é um estúdio de diagramas baseado em IA que transforma comandos em inglês simples em diagramas de arquitetura animados e editáveis, fluxogramas, diagramas de…

Visualização de dados

Nº 102 para Arquitetos

Ver ferramenta

Estúdio de diagramas baseado em IA que transforma comandos em inglês simples em diagramas de arquitetura animados e editáveis, fluxogramas, diagramas de…Diagramas Animados é um estúdio de diagramas baseado em IA que transforma comandos em inglês simples em diagramas de arquitetura animados e editáveis, fluxogramas, diagramas de…

Visualização de dados
Nº 102 para Arquitetos

Bhava

Apps de IA

Bhava é um editor de diagramas alimentado por IA que transforma texto ou imagens em fluxogramas profissionais, diagramas de arquitetura, UML, ERD, diagramas de sequência, mapas…

Visualização de dados

Nº 108 para Arquitetos

Ver ferramenta

Apps de IA

Editor de diagramas alimentado por IA que transforma texto ou imagens em fluxogramas profissionais, diagramas de arquitetura, UML, ERD, diagramas de sequência, mapas…Bhava é um editor de diagramas alimentado por IA que transforma texto ou imagens em fluxogramas profissionais, diagramas de arquitetura, UML, ERD, diagramas de sequência, mapas…

Visualização de dados
Nº 108 para Arquitetos

AI Flowchart é um criador de fluxogramas online e alternativa ao draw.io que transforma texto, prompts, procedimentos operacionais padrão (SOPs) e imagens em fluxogramas e…

Produtividade

Nº 87 em Produtividade

Ver ferramenta

AI Flowchart é um criador de fluxogramas online e alternativa ao draw.io que transforma texto, prompts, procedimentos operacionais padrão (SOPs) e imagens em fluxogramas e…

Produtividade
Nº 87 em Produtividade

AI Diagram Maker transforma descrições em inglês simples, documentos ou repositórios do GitHub em diagramas profissionais de arquitetura de software, UML e fluxogramas em segundos…

Assistentes de programação com IA

Nº 171 para Explicação de código

Ver ferramenta

Transforma descrições em inglês simples, documentos ou repositórios do GitHub em diagramas profissionais de arquitetura de software, UML e fluxogramas em segundos…AI Diagram Maker transforma descrições em inglês simples, documentos ou repositórios do GitHub em diagramas profissionais de arquitetura de software, UML e fluxogramas em segundos…

Assistentes de programação com IA
Nº 171 para Explicação de código

FlowCraft transforma frases em diagramas, gráficos e ilustrações em segundos. Gere mapas mentais, fluxogramas, diagramas de sequência, grafos de conhecimento e mais, sem arrastar…

Visualização de dados
Ver ferramenta

Transforma frases em diagramas, gráficos e ilustrações em segundos. Gere mapas mentais, fluxogramas, diagramas de sequência, grafos de conhecimento e mais, sem arrastar…FlowCraft transforma frases em diagramas, gráficos e ilustrações em segundos. Gere mapas mentais, fluxogramas, diagramas de sequência, grafos de conhecimento e mais, sem arrastar…

Visualização de dados
Ver o Top 250 de Apps de IA

Dezyn é um construtor interativo de diagramas de arquitetura que permite aos usuários criar diagramas de nuvem dinâmicos com componentes de arrastar e soltar. Ele suporta ícones…

Ferramentas de DevOps e nuvem com IA

Nº 146 em Ferramentas de DevOps e nuvem com IA

Ver ferramenta

Construtor interativo de diagramas de arquitetura que permite aos usuários criar diagramas de nuvem dinâmicos com componentes de arrastar e soltar. Ele suporta ícones…Dezyn é um construtor interativo de diagramas de arquitetura que permite aos usuários criar diagramas de nuvem dinâmicos com componentes de arrastar e soltar. Ele suporta ícones…

Ferramentas de DevOps e nuvem com IA
Nº 146 em Ferramentas de DevOps e nuvem com IA

Mermaid é uma ferramenta com IA que transforma descrições de texto em diagramas visuais como fluxogramas e diagramas de sequência em segundos. Ela suporta a criação com linguagem…

Visualização de dados

Nº 8 para Escrever documentação técnica

Ver ferramenta

Ferramenta com IA que transforma descrições de texto em diagramas visuais como fluxogramas e diagramas de sequência em segundos. Ela suporta a criação com linguagem…Mermaid é uma ferramenta com IA que transforma descrições de texto em diagramas visuais como fluxogramas e diagramas de sequência em segundos. Ela suporta a criação com linguagem…

Visualização de dados
Nº 8 para Escrever documentação técnica
1 de 8