Como pensador visual, adoro bons diagramas, especialmente mapas mentais e fluxogramas. Eles me permitiram ter uma visão geral de todos os detalhes, fazer conexões, coletar informações e identificar problemas. No entanto, as ferramentas de diagramação (ou o uso de um aplicativo de design como ferramenta de diagramação) podem parecer como navegar em um quadro branco bagunçado. Passo muito tempo posicionando e alinhando elementos por questões estéticas, em vez de focar no conteúdo do diagrama.
Portanto revele Sereia me surpreendeu. É uma ferramenta gratuita de gráficos de texto JavaScript de código aberto que cria gráficos perfeitos a partir de apenas algumas linhas de texto. Como designer amador, prefiro a transição do desenho de formas para a escrita. Isso mudou a maneira como abordo o planejamento e a organização, e o Mermaid tornou a transição incrivelmente fácil e divertida.
Sereia é o melhor recurso Obsidian que você não conhecia
Visualize seu pensamento com gráficos de sereia obsidiana
Código entre cliques
Criar diagramas com texto é muito mais rápido e estruturado
O maior apelo do Siren para mim foi que eu poderia escrever meus próprios diagramas em vez de desenhá-los ou projetá-los. De certa forma, parece mais automatizado – as formas e linhas simplesmente se encaixam e não preciso me preocupar em classificar tudo manualmente para manter a coesão. Em vez de clicar e arrastar formas, apenas digito A —> B e obtenho um fluxograma.
Isso pode ser simplificado demais, mas é a velocidade com que ele renderiza os gráficos que o torna tão poderoso – não tenho dificuldade com ferramentas de layout ou elementos de interface do usuário. Ainda gosto de ferramentas de design tradicionais; Aplicativos como Canva e Penpot são excelentes para relatórios visuais. Mas como meu objetivo com gráficos é velocidade e estrutura, o Mermaid vence porque reduz o atrito entre meu cérebro e o resultado.
No entanto, se eu quiser usar recursos de design e gráficos mais tradicionais, o Mermaid também tem isso! Passar o mouse sobre nós e linhas exibe várias ferramentas que você pode usar para editá-los.
A sintaxe é adequada para iniciantes
Você não precisa “entender o código” para usá-lo.
Você não precisa ser um programador para usar o Mermaid. Eu nem memorizei a maior parte da sintaxe; Estou apenas me referindo a documentação oficial (embora alguns comandos sejam uma segunda natureza para mim neste momento). A sintaxe também é legível – depois de um tempo, é fácil entender quais dados visuais o comando produzirá, olhando para eles. Para algo que à primeira vista parece uma ferramenta de desenvolvedor, é surpreendentemente acessível e utilizável. Isso pode ser obtido conhecendo alguns comandos e ainda produzindo gráficos limpos.
7 aplicativos de mapeamento mental que testei para uso comercial e pessoal
Seu cérebro funciona de uma certa maneira, então sua ferramenta de mapeamento mental precisa corresponder a isso
Infinitamente editável e reutilizável
Não há limite para as alterações que você pode fazer
Como os gráficos Mermaid são somente texto, eles são fáceis de editar e reutilizar. Digamos que eu queira atualizar meu diagrama alterando a cor dos nós, reconectando as setas ou adicionando novos links clicáveis — não preciso abrir uma nova tela ou mexer no layout. Em vez disso, altero apenas algumas linhas de texto (ou alguns caracteres em uma linha) e o gráfico é redesenhado em um instante. Você pode fazer alterações infinitas no gráfico dessa maneira; sem limite de camada ou grande quantidade de elementos na tela.
Também posso copiar o texto e salvá-lo para uso posterior ou usá-lo em outro lugar sem quebrar nenhum elemento ou conexão no diagrama – não há necessidade de recomeçar ou tentar replicar o diagrama que gosto. Reutilizei vários gráficos no Notion dessa forma e não houve necessidade de exportar nada ou reorganizar as caixas. Falando em conceito…
Posso usar Mermaid no Notion
Integra-se perfeitamente com minhas páginas do Notion
Na verdade, comecei a usar o Mermaid in Notion primeiro. Ele está integrado ao aplicativo Notion, o que é perfeito para que eu não precise sair do painel ou sair dos aplicativos para trabalhar no gráfico. Essa integração é ideal para mapeamento mental, árvores de decisão, rastreamento de processos, agendamento e qualquer sistema de produtividade que você possa imaginar. Como o gráfico reside na sua página conceitual, ele é sempre editável diretamente e todos os outros bancos de dados ficam visíveis para referência.
10 hacks conceituais que eu gostaria de saber antes
Dicas para transformar a forma como o conceito é usado
Gratuito e de código aberto
Não são necessárias assinaturas ou registro
Todos nós amamos ferramentas gratuitas e de código aberto aqui. Eles não prendem você a uma assinatura paga, é mais privado, você não está limitado a formatos proprietários e a comunidade está sempre melhorando isso. As ferramentas de gráficos mais eficazes bloqueiam muitos de seus recursos atrás de um acesso pago ou exigem um processo de inscrição para usar o editor ou salvar seu trabalho. Com o Mermaid você tem acesso a tudo que precisa gratuitamente, e nem precisa se cadastrar para usar o editor. Existe um nível pago, mas a maioria dos benefícios são recursos colaborativos.
Eu gosto totalmente de sereia
O Mermaid não substituiu todas as ferramentas criativas do meu fluxo de trabalho, mas substituiu todas as ferramentas de diagramação que usei para planejar e detalhar visualmente as informações. Não é apenas rápido e fácil, mas também incrivelmente poderoso quando você pega o jeito da sintaxe. Se você está cansado de mexer em caixas e linhas, vale a pena tentar Mermaid.
