De texto para diagrama. IA ilimitada, no seu dispositivo.

O Diagram Studio é um gerador de diagramas com IA gratuito que roda inteiramente no seu navegador. Descreva o que você quer — um fluxo de cadastro, um esquema de banco de dados, um quadro de sprint, uma linha do tempo de lançamento, uma visão de implantação C4 — e um pequeno modelo de linguagem no dispositivo escreve o código Mermaid, renderiza ao vivo enquanto transmite e permite regenerar, refinar e mudar o estilo antes de exportar como SVG ou PNG. Como não há geração no servidor, as gerações são ilimitadas em todos os planos, inclusive no gratuito.

Ele foi feito para as situações em que ferramentas de diagrama na nuvem não são a resposta certa: transformar em segundos uma nota de reunião em um diagrama de sequência, rascunhar um esquema ER privado para um sistema de cliente que você não pode colocar no servidor de terceiros, ou produzir um fluxograma publicável sem criar uma conta. Dezoito tipos de diagrama, seis temas, três visuais, variações de IA e refinamento com um clique, 19 modelos iniciais, uma biblioteca local, links de compartilhamento autocontidos e exportações sem marca-d'água já vêm integrados. Nada do que você escreve sai do seu dispositivo.

Como funciona a geração por IA no dispositivo

Por trás da mesma interface há dois motores. O primeiro é a IA embutida no Chrome (a API LanguageModel, disponível no Chrome 127+ e em outros navegadores Chromium que trazem o Gemini Nano). Ele executa o modelo que o navegador já tem embutido, então não há nada para baixar e a geração começa na hora. O segundo motor é um modelo local Qwen2.5 1.5B-Instruct carregado via Transformers.js sobre WebGPU, com fallback para WebAssembly quando a WebGPU não está disponível — um download único de cerca de 1 GB, depois guardado em cache pelo navegador para uso off-line.

Em qualquer motor, a saída é um bloco de código Mermaid. Um corretor automático baseado em expressões regulares repara os deslizes comuns de um modelo de 1,5B — finais de subgraph desbalanceados, palavras-chave de tipo de diagrama ausentes, aspas não fechadas nos rótulos dos nós — antes de o código chegar ao renderizador. Em seguida o Mermaid 11 analisa e renderiza: um modo tolerante a streaming ignora silenciosamente erros de sintaxe no meio da geração para que a tela seja atualizada token por token, e a renderização final revela erros reais com uma mensagem clara que você pode corrigir no editor de código.

Dezoito tipos de diagrama, ou Auto

São suportados dezoito tipos de diagrama baseados em Mermaid: fluxograma, mapa mental, sequência, classe, estado, entidade-relacionamento, Gantt, grafo git e pizza cobrem os casos clássicos de software e projeto; a linha do tempo e o mapa de jornada do usuário explicam o que acontece ao longo do tempo; o kanban e o gráfico de quadrantes organizam trabalho e trade-offs; diagramas C4 descrevem contexto de sistema, contêineres e implantação; gráficos radar e XY visualizam pontuações e dados numéricos; o diagrama de Venn mostra sobreposição; e o diagrama de Ishikawa (espinha de peixe) estrutura a análise de causa raiz. Alguns dos tipos mais novos usam a sintaxe beta do Mermaid e são rotulados assim — renderizam com confiança, mas às vezes exigem um pequeno ajuste manual.

Você pode fixar um tipo explicitamente ou deixar o seletor em Auto para o modelo escolher a representação adequada ao seu prompt — «tabelas de banco de dados» costuma virar um diagrama ER, «troca de mensagens» um diagrama de sequência, um «quadro de sprint» um kanban. O mesmo prompt também pode ser explorado como várias variações de IA, cada uma gerada com uma temperatura diferente, para comparar um layout conservador com outros mais criativos.

Temas, visuais e direção

Seis temas recoloram qualquer diagrama na hora, sem executar o modelo de novo: Graphite (a paleta padrão em cinza frio), Cobalt (um azul com um único acento), além de Default, Neutral, Dark e Forest do Mermaid. Três visuais mudam o registro visual: Neo é o estilo moderno e limpo, Classic é o visual tradicional do Mermaid, e Hand-drawn renderiza traços esboçados no estilo Excalidraw para brainstorms em quadro branco.

A direção alterna fluxogramas e outros diagramas direcionais entre cima-para-baixo (TD) e esquerda-para-direita (LR); a ação de refinamento «inverter direção» também pode regenerar o layout em vez de apenas girá-lo. Como o código em si independe de tema, visual e direção, mudar o estilo nunca destrói suas edições.

Variações de IA e ações de refinamento

Cada geração pode produzir uma, duas ou quatro variações. O plano gratuito gera uma variação por execução — sem limite no número de execuções —, enquanto o Pro libera duas e quatro, geradas em série com temperaturas crescentes (0,2, 0,5, 0,75 e 0,95), para o conjunto ir do seguro ao criativo. Alterne entre V1–V4 na hora; editar à mão o código Mermaid de uma variante nunca sobrescreve as outras.

Seis ações de refinamento atuam no diagrama atual sem começar do zero: Fix corrige a sintaxe, Simplify remove nós e ligações redundantes, Add detail enriquece um rascunho enxuto, Beautify limpa textos e agrupamentos, Flip direction regenera na orientação oposta, e Custom aplica uma instrução escrita com as suas palavras. Cada refinamento é uma nova geração no dispositivo, então também é ilimitado.

Modelos, biblioteca salva e histórico

Dezenove modelos embutidos cobrem todos os tipos de diagrama com pontos de partida realistas e pesquisáveis — abra o navegador de modelos, filtre por nome, carregue um e edite o Mermaid diretamente. Os modelos tornam utilizáveis os diagramas especializados (C4, espinha de peixe, kanban, mapa de jornada) mesmo sem conhecer a sintaxe deles.

Um botão Salvar guarda o diagrama atual com um nome no seu navegador: o plano gratuito mantém até 12 diagramas salvos, e o Pro, até 200. Além disso, as últimas 20 gerações no gratuito (100 no Pro) são guardadas automaticamente em Recentes, cada uma com prompt, tipo e carimbo de data, e qualquer item pode ser recarregado ou excluído. Tudo fica no localStorage do seu dispositivo — não há biblioteca na nuvem, nem sincronização de conta, nem algo que possa vazar. Prompts gratuitos vão até 2.000 caracteres; o Pro eleva para 12.000.

Compartilhar sem servidor

Compartilhar não envia nada. O código do diagrama atual, junto com tipo, tema, visual e direção, é comprimido com deflate-raw e codificado em um hash de URL autocontido. Quem abre o link restaura o diagrama exato no próprio dispositivo; não há registro em banco de dados nem nada a excluir no servidor. Como os dados ficam depois do #, eles jamais chegam a um servidor web. Depois que o diagrama é restaurado, o hash é removido da barra de endereços, para que recarregar ou favoritar a página não reabra o rascunho compartilhado.

Controles da tela e exportação

A tela oferece zoom com roda e trackpad ancorado no cursor, arrastar para deslocar, duplo clique para ajustar, um modo de tela cheia (entrar e sair com Esc) e nova renderização ao vivo a cada edição do código. O código Mermaid continua exposto em um editor ao lado da tela; portanto o editor — não um artefato somente leitura — é sempre a fonte da verdade.

As exportações são geradas no cliente a partir do SVG renderizado: SVG para download (vetor, resolução infinita) e PNG em 2× e 4× no plano gratuito, com 8× liberado no Pro, além de Copiar SVG e Copiar PNG com um clique. Sem idas e voltas ao servidor, sem marca-d'água e sem conta, nos dois planos.

Limites, requisitos e privacidade

O modelo Qwen local precisa de um dispositivo razoavelmente moderno — a WebGPU faz diferença na velocidade, e 1,5 bilhão de parâmetros ainda significa vários segundos de geração para um diagrama complexo. O caminho da IA embutida no Chrome é mais rápido e não exige download, mas só existe em navegadores Chromium com o Gemini Nano. Se nenhum motor estiver disponível, a ferramenta continua sendo um editor Mermaid completo: escrever o código à mão, renderização ao vivo, modelos, temas e as mesmas opções de exportação. Um modelo de 1,5B não é um modelo de fronteira — trate a saída como um primeiro rascunho e espere correções manuais ocasionais, principalmente nos tipos de diagrama beta e na semântica UML rigorosa.

Como a geração não custa nada ao serviço, nenhum dos planos tem teto diário ou mensal de gerações: os limites gratuitos são 1 variação por execução, 12 diagramas salvos, 20 itens recentes, prompts de 2.000 caracteres e PNG 4×; o Pro adiciona 4 variações, 200 diagramas salvos, 100 itens recentes, 12.000 caracteres e PNG 8×. Seu prompt e seu código Mermaid nunca saem do navegador, não há registro nem análise de prompts, e a única requisição de rede que a ferramenta faz é o download único do modelo a partir de um CDN público — depois disso ela funciona off-line.