O que é o Editor de Diagramas ASCII?

O Editor de Diagramas ASCII é uma ferramenta interativa para criar diagramas, fluxogramas e ilustrações usando caracteres de texto simples. Ele suporta tanto caracteres ASCII tradicionais (+, -, |) quanto caracteres Unicode para desenho de caixas (┌, ─, │, →) para visuais mais limpos.

Diagramas baseados em texto são amplamente usados em documentação, comentários de código, arquivos README e especificações técnicas porque funcionam em qualquer lugar — sem necessidade de software especial ou visualizadores de imagem.

Por que usar diagramas de texto?

Compatibilidade Universal

Exibe corretamente em qualquer editor de texto, terminal ou visualizador de código sem software especial

Amigável ao Controle de Versão

Diffs e merges funcionam naturalmente com texto simples, perfeito para fluxos de trabalho Git

Leve

Sem arquivos de imagem para gerenciar, hospedar ou se preocupar com links quebrados

Pronto para Copiar e Colar

Compartilhe diagramas instantaneamente em e-mails, chats ou documentação

Como usar

Ferramentas de desenho

Selecione uma ferramenta de desenho na barra de ferramentas ou use atalhos de teclado para acesso rápido:

Retângulo (B)

Clique e arraste para desenhar retângulos com cantos e bordas apropriados

Linha (L)

Desenhe linhas horizontais ou verticais arrastando

Seta (A)

Desenhe linhas com pontas de seta direcionais no ponto final

Texto (T)

Clique em qualquer lugar da tela e comece a digitar rótulos

Borracha (E)

Clique ou arraste para remover caracteres da tela

Seleção (V)

Selecione uma região para movê-la, copiá-la ou deletá-la

Conjuntos de caracteres

Alterne entre dois estilos de caracteres usando os botões de conjunto:

ASCII

Caracteres básicos

Usa caracteres clássicos: +--+, |, >, <

Funciona em qualquer lugar
Compatibilidade máxima
Seguro para terminal

Unicode

Caracteres para desenho de caixas

Usa caracteres dedicados: ┌──┐, │, →, ←

Aparência mais limpa
Visual profissional
Requer suporte Unicode

Trabalhando com seleções

Use a ferramenta Seleção para interagir com conteúdo existente:

Ativar ferramenta de seleção

Pressione V ou clique no botão Seleção na barra de ferramentas

Criar seleção

Clique e arraste para criar uma área de seleção ao redor do seu conteúdo

Mover ou editar

Arraste a área selecionada para movê-la, pressione Delete para limpar, ou Ctrl+C para copiar

Exportando seu diagrama

Quando seu diagrama estiver pronto, escolha seu método de exportação:

Copiar — copia todo o conteúdo da tela para sua área de transferência para colagem imediata
Exportar — baixa seu diagrama como um arquivo .txt para salvar ou compartilhar

Dica profissional: Ambas as opções de exportação cortam automaticamente espaços em branco à direita para um resultado limpo e profissional.

Recursos

Ferramentas de desenho

Seis ferramentas especializadas cobrem todas as necessidades comuns de diagramação. Desenhe retângulos para contêineres, linhas para conexões, setas para direção e adicione rótulos de texto — tudo com visualização ao vivo enquanto você arrasta.

Dois conjuntos de caracteres

Alterne entre caracteres ASCII e Unicode para desenho de caixas a qualquer momento. O modo ASCII usa caracteres clássicos compatíveis com qualquer sistema, enquanto o modo Unicode produz diagramas mais limpos e polidos.

Selecionar e mover

A ferramenta Seleção permite que você pegue partes do seu diagrama e as reposicione. Selecione uma região e arraste-a para um novo local. Você também pode deletar ou copiar conteúdo selecionado.

Histórico completo de desfazer/refazer

Cada mudança é rastreada com até 50 estados de histórico. Use Ctrl+Z e Ctrl+Y para percorrer seu histórico de edição.

Tela ajustável

Redimensione a largura da tela de 20 a 200 colunas para se adequar ao seu diagrama. O fundo em grade se alinha automaticamente com células de caracteres para colocação precisa.

Atalhos de teclado

Alternância rápida de ferramentas com atalhos de tecla única: V (Seleção), B (Retângulo), L (Linha), A (Seta), T (Texto), E (Borracha). Combinados com atalhos Ctrl para desfazer, refazer e copiar.

Opções de exportação

Copie seu diagrama para a área de transferência para colagem imediata, ou baixe-o como um arquivo de texto simples. Espaços em branco à direita são automaticamente cortados para um resultado limpo.

Seus dados permanecem privados

Todo o desenho acontece no seu navegador. Sem uploads — seus diagramas nunca saem do seu dispositivo. Sem rastreamento — não coletamos dados de uso.

Privacidade em primeiro lugar: Esta ferramenta funciona inteiramente no seu navegador. Seus diagramas nunca são enviados para nenhum servidor, garantindo privacidade e segurança completas.

Perguntas frequentes

Qual é a diferença entre o modo ASCII e Unicode?

O modo ASCII usa caracteres básicos como +, -, | que funcionam em qualquer ambiente de texto. O modo Unicode usa caracteres dedicados para desenho de caixas como ┌, ─, │ que produzem diagramas mais limpos, mas requerem suporte Unicode no visualizador.

Use ASCII quando: Compatibilidade máxima é necessária (terminais, sistemas legados, e-mails de texto simples)

Use Unicode quando: Você quer diagramas com aparência profissional em documentação moderna

Posso mudar os conjuntos de caracteres após desenhar?

Sim, mas mudar apenas afeta novos desenhos. Os caracteres existentes na tela permanecem inalterados. Isso permite que você misture ambos os estilos em um único diagrama, se necessário.

Dica: Você pode criar diagramas híbridos desenhando a estrutura principal em Unicode para linhas limpas, depois adicionando anotações ASCII para compatibilidade máxima.

Qual é o tamanho máximo da tela?

A tela suporta:

Largura: 20 a 200 colunas
Altura: 10 a 100 linhas
Tamanho padrão: 100 colunas × 30 linhas

O tamanho padrão funciona bem para a maioria dos diagramas e se encaixa confortavelmente na documentação sem rolagem horizontal.

Como faço para mover parte de um diagrama?

Mude para a ferramenta Seleção pressionando V
Arraste para criar uma seleção ao redor da área que você quer mover
Arraste o conteúdo selecionado para sua nova posição
Clique fora da seleção para desselecionar

Você também pode pressionar Delete para remover o conteúdo selecionado ou Ctrl+C para copiá-lo para sua área de transferência.

Posso desfazer minhas alterações?

Sim, o editor suporta funcionalidade completa de desfazer e refazer:

Pressione Ctrl+Z para desfazer sua última ação
Pressione Ctrl+Y para refazer uma ação desfeita
Até 50 estados de histórico são preservados

Cada ação de desenho, entrada de texto e exclusão é rastreada, dando-lhe controle completo sobre seu histórico de edição.

Como faço para exportar meu diagrama?

Você tem duas opções de exportação:

Copiar

Exportação para área de transferência

Clique no botão Copiar
Diagrama é copiado para a área de transferência
Cole diretamente em documentos

Exportar

Download de arquivo

Clique no botão Exportar
Baixa como arquivo .txt
Salve para depois ou compartilhe

Ambas as opções cortam automaticamente espaços em branco à direita para um resultado limpo e profissional.

Esta ferramenta funciona em dispositivos móveis?

Sim, o editor suporta entrada por toque para desenho. No entanto, para a melhor experiência com colocação precisa de caracteres, um navegador de desktop com mouse ou trackpad é recomendado.

Limitações móveis: Seleção baseada em toque e colocação precisa de caracteres podem ser desafiadoras em telas pequenas. Para diagramas complexos, recomendamos usar um dispositivo de desktop.