Como ele é
No centro fica uma pílula azul-marinho com a ideia principal em letras brancas. Em volta, distribuídos dos dois lados, os tópicos do primeiro nível aparecem como pílulas claras com contorno colorido, cada ramo numa cor. Dali saem fitas curvas que afinam a cada nível, como galhos de uma árvore vista de cima, até os tópicos menores, escritos sobre um sublinhado na cor do ramo. Quando você cria ou move um tópico, os vizinhos deslizam para as novas posições. Ramos recolhidos mostram quantos tópicos escondem. No canto de baixo ficam os atalhos e o zoom.
Você pode estar procurando isto se pediu algo assim
- mapa mental para montar ideias com o cliente na reunião
- diagrama com a ideia no meio e galhos coloridos saindo para os lados
- brainstorm visual dentro do meu sistema que exporte em tópicos
- criar tópicos só com Tab e Enter, sem usar o mouse
- organizar o escopo do projeto em ramos que abrem e fecham
- mapa de ideias igual aos aplicativos de mind map, só que no navegador
- transformar uma lista em Markdown num mapa mental
Também chamado de
- mapa mental
- mind map
- mapa de ideias
- brainstorming map
- diagrama radial
- radial tree
- árvore de tópicos
Quando usar
- Oficinas de ideação e reuniões de descoberta com o cliente ao vivo
- Escopo de projetos e briefings que depois viram listas em Markdown
- Planejamento de agentes de IA, com intenções e respostas organizadas em ramos
- Ferramentas de estudo e de anotações que pedem uma visão em árvore
Quando evitar
- Hierarquias formais de pessoas e cargos, em que um organograma fica mais claro
- Fluxos com etapas e ligações entre ramos, que pedem um editor de fluxos
Como pedir para a sua IA
Crie um mapa mental radial editável para as oficinas de ideação do meu app: Tab cria filho, Enter cria irmão, edição no lugar, arrastar para reorganizar, ramos recolhíveis nas cores da minha marca, exportação em Markdown, pan e zoom com pinça e navegação completa pelo teclado.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Ipê
Como salvo e carrego um mapa de Ipê?
Ipê trabalha com v-model: cada edição emite a árvore nova, com id, texto, filhos e ramos recolhidos. Para trocar com outras ferramentas, toMarkdown gera um título e listas aninhadas e fromMarkdown importa listas de volta; o botão Markdown copia o mapa ou baixa um arquivo .md se a cópia falhar.
Dá para usar Ipê sem mouse?
Dá. Em Ipê, Tab cria um tópico filho, Enter cria um irmão, F2 ou digitar edita, Delete exclui, Espaço recolhe o ramo, as setas navegam pelo mapa e Alt com seta para cima ou para baixo reordena. Para sair do mapa com Tab, pressione Esc antes; exclusões, movimentos e ramos recolhidos são anunciados a leitores de tela.
Ipê funciona no celular?
Funciona com toque: um dedo arrasta a vista, tocar seleciona um tópico, arrastar um tópico o leva para outro ramo e dois dedos dão zoom em pinça. Em telas estreitas, Ipê esconde a faixa de atalhos e os rótulos dos botões. Para escrever muitos tópicos, um teclado ainda é o caminho mais rápido.
