Editor de Diagrama ASCII para Desenhos em Texto
O editor de diagrama ASCII permite desenhar caixas, linhas, setas e rótulos diretamente em uma grade de caracteres e depois copiar o resultado como texto puro. Alterne entre os caracteres ASCII clássicos e os caracteres Unicode de desenho de caixas para bordas mais limpas — tudo é desenhado direto no seu navegador.
Diagramas em texto são ideais para arquivos README, comentários de código, documentação técnica e chats, porque aparecem em qualquer lugar que use fonte de largura fixa — sem imagens para hospedar e sem visualizador especial. Foi feito para desenvolvedores, redatores técnicos e qualquer pessoa que documente um fluxo, uma arquitetura ou um layout em texto puro.
Como Desenhar um Diagrama ASCII
Escolha uma ferramenta de desenho
Escolha uma ferramenta na barra ou pressione seu atalho: B Caixa, L Linha, A Seta, T Texto, E Borracha ou V Selecionar.
Escolha um conjunto de caracteres
Alterne entre os caracteres Unicode de desenho de caixas (┌ ─ │ →) para cantos nítidos ou ASCII (+ - | >) para máxima compatibilidade. As novas formas usam o conjunto que estiver ativo.
Desenhe na grade
Clique e arraste para desenhar caixas, linhas e setas com prévia ao vivo. Com a ferramenta Texto, clique em uma célula e comece a digitar. Use Selecionar para arrastar, copiar ou excluir um trecho.
Copie ou exporte
Clique em Copiar para colocar o diagrama na área de transferência ou em Exportar para baixá-lo como arquivo .txt. Os espaços ao final são removidos automaticamente para uma saída limpa.
Recursos
Seis Ferramentas de Desenho
Caixa, Linha, Seta, Texto, Borracha e Selecionar cobrem toda necessidade comum de diagramação, cada uma com prévia ao vivo enquanto você arrasta.
Caixas, Linhas & Setas
Arraste retângulos com cantos corretos, desenhe linhas horizontais ou verticais e adicione setas com pontas direcionais.
Digite Texto em Qualquer Lugar
Clique em qualquer célula com a ferramenta Texto e digite rótulos direto na tela, movendo o cursor com as setas do teclado.
Conjuntos ASCII & Unicode
Alterne entre o ASCII clássico (+ - |) para compatibilidade universal e os caracteres Unicode de desenho de caixas (┌ ─ │ →) para visuais mais limpos.
Selecionar, Mover & Copiar
Arraste uma seleção em volta de parte do seu diagrama e depois mova-a, copie apenas aquele trecho ou exclua-o no local.
Desfazer & Refazer
Avance e volte pelas suas edições com até 50 estados de histórico usando Ctrl+Z e Ctrl+Y.
Tela Ajustável
Aumente ou reduza a tela de 20 a 200 colunas, com uma grade de fundo que se alinha exatamente a cada célula de caractere.
Atalhos de Teclado
Troque de ferramenta com teclas únicas (V, B, L, A, T, E) e use desfazer, refazer e copiar com os atalhos Ctrl de sempre.
Copiar & Exportar
Copie o diagrama inteiro para a área de transferência ou baixe-o como arquivo .txt puro, com os espaços ao final removidos para uma saída organizada.
Mouse & Toque
Desenhe com mouse ou trackpad no computador, ou use o toque em tablets e celulares para editar em qualquer lugar.
Perguntas Frequentes
O que é um diagrama ASCII?
Um diagrama ASCII é um desenho feito inteiramente de caracteres de texto — caixas, linhas e setas montadas com símbolos como +, -, | e >. Por ser texto puro, ele aparece em qualquer editor, terminal ou visualizador de código sem precisar de suporte a imagens.
Como faço um diagrama ASCII online?
Escolha uma ferramenta na barra, depois clique e arraste na grade para desenhar caixas, linhas e setas, ou use a ferramenta Texto para digitar rótulos. Quando terminar, clique em Copiar ou Exportar para levar o diagrama com você — não há nada para instalar.
Qual é a diferença entre os modos ASCII e Unicode?
O modo ASCII usa caracteres básicos como +, - e | que funcionam em todo ambiente de texto. O modo Unicode usa caracteres dedicados de desenho de caixas como ┌, ─ e │ que ficam mais limpos, mas exigem suporte a Unicode no visualizador.
Posso trocar de conjunto de caracteres depois de desenhar?
Sim. A troca só afeta as novas formas que você desenhar — os caracteres já presentes na tela permanecem inalterados. Ou seja, você pode misturar os dois estilos em um único diagrama se precisar.
Como adiciono diagramas ASCII a comentários de código ou a um README?
Desenhe seu diagrama, clique em Copiar e depois cole no seu bloco de comentário ou arquivo Markdown. Para README e Markdown, coloque o diagrama em um bloco de código cercado (três crases) para que a fonte de largura fixa mantenha cada caractere alinhado.
Como movo ou copio parte de um diagrama?
Mude para a ferramenta Selecionar (pressione V), arraste uma caixa em volta da área desejada e depois arraste-a para uma nova posição. Pressione Ctrl+C para copiar apenas aquele trecho ou Delete para apagá-lo.
Posso desfazer minhas alterações?
Sim. O editor mantém até 50 estados de histórico, então pressione Ctrl+Z para desfazer e Ctrl+Y para refazer ao longo das suas edições recentes.
Como exporto meu diagrama como texto?
Clique em Copiar para colocar o diagrama inteiro na área de transferência ou clique em Exportar para baixá-lo como arquivo .txt. As duas opções removem os espaços ao final para que a saída fique limpa quando você colar em outro lugar.
O editor funciona em dispositivos móveis?
Sim, ele oferece suporte a toque, então você pode desenhar em um tablet ou celular. Para posicionar os caracteres com precisão, um navegador de computador com mouse ou trackpad ainda oferece a melhor experiência.
Ainda não há comentários. Seja o primeiro a comentar!