Transforma qualquer repositório do GitHub em um diagrama interativo de arquitetura ou em um vídeo explicativo narrado de um minuto, com um servidor MCP para agentes de IA.
DayuanJiang/next-ai-draw-io
Ferramenta web, desktop e MCP que cria e edita diagramas do draw.io a partir de conversas em linguagem natural com um modelo de IA.
Alternativa open source a:Lucidchart
- Estrelas
- 36,331
- Forks
- 3,848
- Issues abertas
- 38
- Último commit
- ontem
O que é?
O Next AI Draw.io permite descrever um diagrama em linguagem simples e pedir para um modelo de IA desenhá-lo diretamente em uma tela do draw.io. Você também pode editar manualmente, como em qualquer arquivo do draw.io, ou selecionar formas e pedir para a IA alterar apenas essas formas. Cada alteração feita pela IA é salva como uma versão que pode ser comparada, restaurada ou desfeita, e os diagramas podem ser exportados como .drawio, .png ou .svg.
O projeto está disponível como app web, app para desktop no Windows, macOS e Linux, e servidor MCP para que agentes como Claude Code, Cursor e VS Code criem diagramas. Ele oferece suporte a 25 provedores de modelos, incluindo Bedrock, OpenAI, Anthropic, Ollama e qualquer endpoint compatível com OpenAI, mantendo as chaves de API no navegador. Pode ser hospedado localmente, na Vercel, no Cloudflare Workers ou no Docker, além de poder ser implantado para uso offline.
Recursos principais
- 01Gera diagramas de arquitetura, fluxogramas e diagramas de sequência a partir de uma frase, com bibliotecas de ícones da AWS, Azure, GCP e Kubernetes.
- 02Edita diagramas existentes por chat e destaca as formas alteradas pela IA.
- 03Permite que a IA modifique apenas as formas selecionadas na tela.
- 04Mantém um histórico de versões das alterações feitas pela IA, com miniaturas, comparação, restauração e opção de desfazer.
- 05Exporta para .drawio, .png, .svg e .drawio.svg.
- 06Funciona como app web, app para desktop ou servidor MCP para Claude Code, Cursor e VS Code.
Casos de uso
- Esboçar diagramas de arquitetura em nuvem a partir de uma descrição escrita durante revisões de design.
- Transformar uma captura de tela ou um esboço em um diagrama editável do draw.io.
- Permitir que um agente de programação com IA crie e valide diagramas enquanto trabalha no editor.
- Criar diagramas com um modelo local via Ollama para uso offline ou em intranets.
Início rápido
- 1
Clone o repositório
git clone https://github.com/DayuanJiang/next-ai-draw-io - 2
Entre na pasta do projeto
cd next-ai-draw-io - 3
Instale as dependências
npm install - 4
Copie o arquivo env e adicione seu provedor e sua chave de API; em seguida, inicie o servidor de desenvolvimento e acesse localhost:6002
cp env.example .env.local
Antes de usar
- Modelos pequenos tendem a gerar diagramas com problemas, por isso é necessário usar um modelo capaz.
- Para executar por conta própria, é preciso configurar um provedor de modelos e uma chave de API.
Tópicos
Perguntas frequentes
- O que é next-ai-draw-io?
- Ferramenta web, desktop e MCP que cria e edita diagramas do draw.io a partir de conversas em linguagem natural com um modelo de IA. O Next AI Draw.io permite descrever um diagrama em linguagem simples e pedir para um modelo de IA desenhá-lo diretamente em uma tela do draw.io. Você também pode editar manualmente, como em qualquer arquivo do draw.io, ou selecionar formas e pedir para a IA alterar apenas essas formas. Cada alteração feita pela IA é salva como uma versão que pode ser comparada, restaurada ou desfeita, e os diagramas podem ser exportados como .drawio, .png ou .svg.
- next-ai-draw-io é gratuito? Qual é a licença?
- next-ai-draw-io é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
- next-ai-draw-io ainda é mantido?
- Manutenção ativa. O último commit de next-ai-draw-io foi em 19 de out. de 2026.
- Para que posso usar next-ai-draw-io?
- Esboçar diagramas de arquitetura em nuvem a partir de uma descrição escrita durante revisões de design. Transformar uma captura de tela ou um esboço em um diagrama editável do draw.io. Permitir que um agente de programação com IA crie e valide diagramas enquanto trabalha no editor. Criar diagramas com um modelo local via Ollama para uso offline ou em intranets.
- Como instalar next-ai-draw-io?
- Clone o repositório: git clone https://github.com/DayuanJiang/next-ai-draw-io Entre na pasta do projeto: cd next-ai-draw-io Instale as dependências: npm install Copie o arquivo env e adicione seu provedor e sua chave de API; em seguida, inicie o servidor de desenvolvimento e acesse localhost:6002: cp env.example .env.local
- Onde consigo next-ai-draw-io?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/DayuanJiang/next-ai-draw-io
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma skill de agente que transforma ideias, planos ou bases de código em diagramas HTML interativos para Claude Code, Codex, Cursor e OpenCode.
Biblioteca open source de prompts para modelos de chat com IA, mantida pela comunidade e disponível em site, datasets CSV e Hugging Face, CLI e integração com servidor MCP.
O LobeHub é uma plataforma para organizar agentes de IA em equipes sempre ativas, que podem ser contratadas, agendadas e avaliadas em um só lugar.
Framework em TypeScript para criar agentes de IA e aplicações com LLMs, com workflows, tools, memória, servidores MCP e evals.
Indexa bases de código em várias linguagens em um grafo de conhecimento para consultar, pesquisar e editar código em linguagem natural com um agente de IA ou servidor MCP.