Pessoas: Todos os usuários
Planos: Todos os planos
Plataformas: Navegador, Desktop
Com o aplicativo Mermaid, você pode facilmente criar e incorporar diagramas ricos, baseados em código, diretamente dentro dos seus boards da Miro. Isso permite que você visualize sistemas complexos, fluxos de trabalho ou estruturas de dados usando uma sintaxe simples baseada em texto, aprimorando a colaboração e o entendimento.
Alterando um código de diagrama e vendo a pré-visualização atualizada em tempo real
Instale o aplicativo do Mermaid
Você pode instalar o aplicativo Mermaid a partir do Marketplace da Miro ou diretamente da barra de ferramentas Criação em um board da Miro.
Para instalar a partir do Marketplace da Miro:
- Navegue até o Marketplace da Miro ou siga este link direto para o aplicativo Mermaid.
- Selecione um time da Miro para concluir a instalação.
Você também pode instalar o aplicativo na barra de ferramentas Criação:
- Na barra de ferramentas de criação à esquerda do seu board, selecione Ferramentas, Mídia e Integrações (+). O painel Ferramentas, mídia e integrações será exibido.
- Na guia Ferramentas, pesquise e selecione Diagramas Mermaid.
- O painel do aplicativo Mermaid Diagrams será aberto, e o aplicativo será adicionado à sua barra de ferramentas.
✏️Observação: Usuários que não são admins não podem instalar aplicativos se a instalação de aplicativos estiver restrita nas configurações do time.
Crie e adicione diagramas aos boards da Miro
Depois de instalado, o aplicativo Mermaid permite que você gere diagramas usando código baseado em texto e os adicione ao seu board como imagens.
Após a instalação, você encontrará o aplicativo Mermaid na barra de ferramentas de Criação. O aplicativo é aberto com um código de exemplo padrão. Conforme você modifica o código para construir seu diagrama, ele é atualizado na área de visualização à direita, permitindo que você veja suas alterações em tempo real.
O aplicativo Mermaid inclui vários diagramas de exemplo, acessíveis a partir do canto inferior esquerdo do painel do aplicativo. Você pode selecionar um destes exemplos e personalizá-lo para atender às suas necessidades.
Você pode alterar o tamanho do painel do editor de código arrastando sua borda direita.
Alterando o tamanho do painel do editor de código
Quando terminar de criar seu diagrama, clique em Adicionar ao board. O diagrama será adicionado ao seu board como uma imagem.
Como adicionar um diagrama ao board
Editar diagramas existentes
Você também pode modificar diagramas Mermaid que já estão no seu board da Miro.
- Clique na imagem do diagrama Mermaid no seu board para selecioná-la.
- Clique no ícone Mermaid no menu de contexto que aparece (ou encontre-o na barra de ferramentas de Criação).
- O editor Mermaid será aberto com o código do diagrama. Faça suas alterações no editor de código.
- Clique em Atualizar diagrama.
- Você retornará ao seu board da Miro, e o diagrama no board será atualizado com suas alterações.
Outras informações
Aqui estão alguns recursos adicionais e detalhes para trabalhar com diagramas Mermaid na Miro.
Sintaxe Mermaid e documentação
O aplicativo Mermaid usa uma sintaxe específica para gerar diagramas a partir de texto. Para informações detalhadas sobre a sintaxe, incluindo tipos de diagramas suportados e opções, consulte a documentação oficial do Mermaid. Você também pode acessar um link para esta documentação no canto inferior esquerdo do painel do aplicativo Mermaid dentro do Miro.
Compartilhar e exportar diagramas
Uma vez que um diagrama Mermaid é adicionado ao seu board, ele funciona como uma imagem. Você pode baixar esta imagem diretamente do board, se necessário. Para colaborar com outros, você pode compartilhar o board do Miro que contém o diagrama.