🧠Criador de Mapa Mental Online (Grátis, SVG e PNG)
Cole ou escreva a estrutura com recuo e o criador de mapa mental desenha a árvore na hora: ideia central na esquerda, ramos coloridos e detalhes ligados por curvas. O título, a paleta e a descrição gerada ficam junto do desenho, e você copia o SVG ou baixa o PNG sem sair do navegador.
A primeira linha é a ideia central, sem recuo. Recue cada filho com 2 espaços a mais que o pai: até 4 níveis, 48 linhas e 24 nós finais. Tabulação também é aceita.
🔒 Cálculo 100% local — os dados que você digita não saem do seu navegador, nada é enviado a servidores.
Fonte: Mapas mentais como árvores de ideias com ramos hierárquicos — layout vetorial próprio por nível de indentação; processamento 100% local no navegador · Última verificação em 07/10/2026
O mapa mental é uma árvore de ideias: no centro fica o tema, os ramos partem para os lados e cada detalhe fica recuado sob o seu ramo. Neste criador de mapa mental você digita o texto com indentação, vê a árvore colorida em SVG e baixa a imagem em PNG.
Como usar o criador de mapa mental
- Escreva a ideia centralA primeira linha sem recuo vira o nó central do mapa. Ela precisa de pelo menos um ramo logo abaixo, sempre indentado com dois espaços, porque é esse recuo que a ferramenta lê como hierarquia.
- Recue ramos e detalhesCada nível ganha dois espaços a mais que o anterior. Até quatro níveis cabem: central, ramo, sub-ramo e detalhe, com limite de 48 linhas e 24 nós finais para o desenho continuar legível.
- Ajuste título e paletaO título aparece no topo da prancheta e a paleta colore os ramos da esquerda, enquanto os detalhes herdam o tom do ramo pai. Pronto, copie o SVG ou baixe o PNG com um clique.
Como a árvore é calculada
Cada linha do texto vira um nó, e a quantidade de espaços no começo da linha define o nível: zero recuos é a ideia central, dois espaços é ramo, quatro é sub-ramo e seis é detalhe. Os níveis viram colunas, da esquerda para a direita, e a ferramenta mede o texto de cada nome com uma estimativa determinística de largura, somando a margem interna para decidir o tamanho da caixa. O limite por coluna cai conforme o nível (196, 164, 146 e 128 pixels), porque os rótulos das pontas são os mais longos.
Na vertical, as folhas são empilhadas de cima para baixo com 12 pixels de espaço entre elas, e cada pai fica centrado entre o primeiro e o último filho, o que mantém as curvas simétricas. As colunas recebem o espaço que sobra na prancheta de 860 pixels: quando a árvore é estreita, os vãos são ampliados até 170 pixels. As ligações são curvas cúbicas que saem da borda direita do pai e chegam na borda esquerda do filho, na cor do ramo. Nada disso sai do seu computador: o desenho é um SVG montado no navegador, com processamento 100% local.
y do filho = (primeiro filho + último filho) ÷ 2
largura da caixa = texto medido + 2 × 12 px de margem
altura da caixa = linhas × 15 px + 2 × 9 px
Exemplo resolvido: plano de viagem com 12 nós
O exemplo de carregamento tem uma ideia central, três ramos (Destinos, Orçamento e Roteiro) e oito detalhes, somando 12 nós em três níveis. A árvore ocupa 765 pixels de largura, com as três colunas começando em 107, 395 e 655 pixels e vãos de 170 pixels entre elas. A caixa central, Plano de viagem, mede 118 por 33 pixels; os ramos ficam entre 66 e 90 pixels e os detalhes entre 66 e 98.
Na vertical, as oito folhas partem de 57 e chegam a 372 pixels, sempre 45 pixels separadas, porque cada caixa tem 33 de altura e o intervalo é de 12. Os ramos ficam centrados: Destinos em 79, Orçamento em 192 e Roteiro em 327 pixels. Com o título preenchido, a prancheta fecha em 860 por 418 pixels, e a descrição gerada escreve a contagem por nível, a ideia central e os três ramos, servindo de texto acessível da imagem.
Suposições e limitações
- A ordem vertical vem do texto: mover um nó é cortar e colar a linha dele, não arrastar a caixa na tela.
- A estrutura é sempre uma árvore: um nó tem um único pai e não há ligações cruzadas entre ramos.
- São no máximo 48 linhas, 4 níveis de indentação e 24 nós finais; acima disso a leitura para e avisa.
- Rótulos muito longos quebram em até três linhas e o excesso é cortado com reticências na caixa.
- As cores vêm da paleta escolhida e seguem a ordem dos ramos; não há cor individual por nó.
- O processamento é 100% local e nada é enviado a servidores.
Dicas para tirar o melhor proveito
Padronize a indentação com exatamente dois espaços por nível, nem mais nem menos, e escreva ramos de uma a três palavras: nomes curtos deixam as colunas estreitas e sobram pixels de vão entre elas. Comece pela estrutura completa antes de pensar em cores, porque a paleta é a última decisão e a única que muda tudo de uma vez.
Use o título para dizer o assunto e o recorte, como Plano de viagem — visão geral, já que ele é o texto que aparece no topo da imagem baixada. Se o mapa for para um documento, copie o SVG: ele entra em slides e editores vetoriais sem perder qualidade e continua editável. E leia a descrição gerada antes de compartilhar, porque ela resume em uma frase a quantidade de nós, os níveis e os ramos principais do seu mapa.
Erros comuns a evitar
O erro mais frequente é a segunda linha sem recuo: ela é lida como uma segunda ideia central e a ferramenta recusa, pedindo uma única ideia central na primeira linha. Outro é misturar tabulação e espaços no mesmo arquivo; a tabulação vira dois espaços, mas se a contagem variar o nó cai no nível errado e o mapa sai desalinhado.
Cuidado também ao colar texto com marcadores, como um hífen ou um ponto no começo da linha: o marcador entra no nome do nó e aparece dentro da caixa. Por fim, pense duas vezes antes de detalhar demais; acima de vinte e quatro nós finais a ferramenta avisa e a prancheta fica alta, o que obriga a cortar ramos para a imagem caber em uma apresentação.
Veja também
Se esta ferramenta foi útil, você também pode precisar destas relacionadas: Criador de diagrama de Venn, Criador de Diagrama de Ramos e Folhas (Stem-and-Leaf), Criador de Organograma Online, Criador de Cladograma Online (Grátis, SVG e PNG).
Ferramentas relacionadas
⭕Criador de diagrama de Venn
Diagrama de Venn com 2 ou 3 conjuntos e valores em cada região.
Abrir ferramenta →🌲Criador de Diagrama de Ramos e Folhas (Stem-and-Leaf)
Ramos e folhas a partir de uma lista de números, com chave de leitura e PNG.
Abrir ferramenta →🏢Criador de Organograma Online
Árvore de cargos por indentação, com níveis e PNG.
Abrir ferramenta →🌿Criador de Cladograma Online (Grátis, SVG e PNG)
Árvore filogenética em texto recuado, com pontas alinhadas à direita e cores por clado.
Abrir ferramenta →Perguntas frequentes
Qual é a diferença entre mapa mental e organograma?
O organograma mostra hierarquia formal, com uma caixa por cargo e a chefia sempre à esquerda. O mapa mental organiza ideias em torno de um tema, com ramos livres e detalhes recuados: a leitura é de conteúdo, não de subordinação.
Quantos níveis o mapa pode ter?
Até quatro: ideia central, ramo, sub-ramo e detalhe. É o limite que mantém a prancheta legível em 860 pixels; acima disso as caixas ficam estreitas e os rótulos começam a quebrar em três linhas.
Consigo colar a estrutura vinda de outra ferramenta?
Pode. O criador aceita dois espaços por nível e também tabulação, que é convertida automaticamente. Linhas vazias são ignoradas e a ordem do texto vira a ordem vertical das folhas.
Dá para trocar a cor de um ramo só?
Não. As cores vêm da paleta escolhida e são atribuídas na ordem dos ramos: cada ramo ganha um tom e os detalhes herdam o tom do pai. Trocar a paleta recolore o mapa inteiro de uma vez.
O mapa fica salvo em algum lugar?
Não. O processamento é 100% local: o texto permanece na caixa e some quando você fecha a aba. Para conservar o trabalho, baixe o PNG ou copie o SVG antes de sair.
Serve para usar em apresentação?
Serve. O SVG copiado entra em slides e documentos vetoriais sem perder qualidade, e o PNG sai com fundo branco na proporção da prancheta, já com o título digitado na imagem.
Explore mais ferramentas gratuitas
Dezenas de calculadoras, conversores e geradores — todos funcionam no navegador, sem cadastro e sem instalar nada.