Salt la conținutul principal
LibraTool logoLibraTool

Editor Diagrame Mermaid — gratuit

Creează diagrame de flux, diagrame de secvență, diagrame Gantt și altele în sintaxa Mermaid cu previzualizare live. Exportă ca SVG sau PNG. Rulează complet în browser.

💡 Scrie diagrame în sintaxa Mermaid — diagrame de flux, diagrame de secvență, diagrame Gantt, diagrame de clase și altele — și exportă-le ca SVG sau PNG. Totul rulează în browserul tău: textul diagramei nu este niciodată încărcat, iar motorul de randare Mermaid este servit de pe acest site, nu de pe un CDN terț.

Utilizări frecvente

  • Faceți un diagramă de fluxCreați o diagramă de flux din text și exportați-o ca imagine.
  • Desenați o diagramă de secvențăDiagramă cum sistemele sau oamenii interacționează în timp.
  • Adăugați o diagramă la o READMECreați diagrame pe care GitHub le randează nativ în README.
  • Construiți o diagramă GanttPrezentați o cronologie a proiectului ca diagramă Gantt din text.
  • Creați o diagramă de claseDiagramă classe și relațiile lor pentru proiectarea software.

Cum funcționează

Mermaid te lasă să scrii diagramele ca text și să le redezi automat — grozav pentru a ține diagramele în controlul versiunilor. Aceasta este un editor live care redă pe măsură ce tastezi.

  1. 1
    Motorul Mermaid se încarcă
    Biblioteca Mermaid se încarcă de pe LibraTool prima dată când folosești instrumentul, apoi browserul o păstrează în cache.
  2. 2
    Tu scrii cod diagramă
    Diagrame de flux, diagrame de secvență, diagrame Gantt, diagrame de clase, diagrame circulare și altele — folosind sintaxa text Mermaid.
  3. 3
    Redează în direct
    Codul tău este analizat și redat ca SVG în browser pe măsură ce tastezi, cu teme deschise și întunecate.
  4. 4
    Exportă SVG sau PNG
    Descarcă diagrama ca SVG scalabil sau PNG 2× pentru a o introduce în documente, prezentări sau un README.

Codul diagramei tale — care poate descrie sisteme interne — este redat integral în browserul tău și niciodată încărcat.

Instrumente similare

📝

Editor Markdown

Scrie și previzualizează Markdown în timp real. Suportă titluri, bold, italic, blocuri de cod, tabele și liste.

Încearcă
🟦

Generator CSS Grid

Proiectați vizual un CSS grid — tracks, unități și spații — și copiați CSS și HTML generat.

Încearcă
🌳

Generator Arbore ASCII

Transformă o listă indentată într-un arbore de foldere curat (├── └──) pentru README-uri și documentații. Ieșire Unicode sau ASCII simplu. Rulează complet în browser.

Încearcă

Întrebări frecvente