Saltar ao contido principal
LibraTool logoLibraTool

Editor de diagramas Mermaid de balde

Crea diagramas de fluxo, diagramas de secuencia, diagramas de Gantt e máis en sintaxe Mermaid cunha previsualización en directo. Exporta como SVG ou PNG. Execútase completamente no teu navegador.

💡 Escribe diagramas en sintaxe Mermaid (diagramas de fluxo, de secuencia, de Gantt, de clases e máis) e expórtaos como SVG ou PNG. Todo se executa no teu navegador: o texto do diagrama nunca se sobe e o motor de renderizado de Mermaid sérvese desde este sitio, non desde unha CDN externa.

Usos habituais

  • Crear un Diagrama de FluxoCrea un diagrama de fluxo a partir de texto e exporta como imaxe.
  • Debuxar un Diagrama de SecuenciaDiagrama de como os sistemas ou as persoas interactúan co paso do tempo.
  • Engadir un Diagrama a READMECrea diagramas que GitHub renderiza nativamente no teu README.
  • Construír un Gráfico de GanttEstablece unha cronoloxía do proxecto como un gráfico de Gantt a partir de texto.
  • Crear un Diagrama de ClasesDiagrama de clases e as súas relacións para o deseño de software.

Como funciona

Mermaid permite escribir diagramas como texto e ter os renderizados automaticamente — excelente para manter diagramas no control de versión. Este é un editor en vivo que renderiza mentres escribes.

  1. 1
    O motor Mermaid carga
    A biblioteca Mermaid cárgase desde LibraTool a primeira vez que usas a ferramenta e despois o navegador gárdaa na caché.
  2. 2
    Escribes código de diagrama
    Diagramas de fluxo, diagramas de secuencia, gráficos de Gantt, diagramas de clase, gráficos de torta e máis — usando a sintaxe de texto Mermaid.
  3. 3
    Renderiza en vivo
    O teu código é analizado e renderizado a un SVG no teu navegador mentres escribes, con temas claro e escuro.
  4. 4
    Exporta SVG ou PNG
    Descargar o diagrama como un SVG escalable ou un PNG 2× para soltar en documentos, diapositivas ou un README.

O teu código de diagrama — que pode describir sistemas internos — é renderizado completamente no teu navegador e nunca é cargado.

Ferramentas relacionadas

📝

Editor de Markdown

Escribe e previsualiza Markdown en tempo real. Soporta cabeceiras, negrita, cursiva, bloques de código, táboas e listas.

Próbao
🟦

Xerador de Grid CSS

Deseña visualmente unha grid CSS — pistas, unidades e espazos — e copia o CSS e HTML xerados.

Próbao
🌳

Xerador de árbores ASCII

Converte unha lista sangrada nunha árbore de cartafois limpa (├── └──) para READMEs e documentación. Saída en Unicode ou ASCII puro. Execútase completamente no teu navegador.

Próbao

Preguntas frecuentes