Mermaid Design

Exportieren & Teilen

Wenn Ihr Diagramm fertig ist, klicken Sie in der Navigationsleiste auf Export, um den Exportdialog zu öffnen. Alles wird lokal in Ihrem Browser erzeugt — kein Upload, kein Wasserzeichen, kein Konto.

Bildformate

FormatAm besten geeignet für
SVGDokumentation, Wikis und Webseiten — unbegrenzt skalierbare Vektorausgabe
PNGFolien, Tickets und Chats — eine universell unterstützte Bitmap
JPGKleinere Dateien, wenn keine Transparenz nötig ist
WebPModernes Bildformat mit hervorragender Kompression

Bitmap-Exporte (PNG / JPG / WebP) können in 1x-, 2x- oder 4x-Auflösung gerendert werden, für gestochen scharfe Ergebnisse auf hochauflösenden Displays. Für PNG und WebP steht ein Schalter für Transparenter Hintergrund zur Verfügung.

Das exportierte Bild entspricht immer der Vorschau — was Sie sehen, laden Sie herunter.

ASCII-Export

Im ASCII-Modus bietet der Exportdialog TXT (Klartext) an: das gerenderte Textdiagramm, bereit zum Einfügen in Code-Kommentare, Dokumentationen oder Terminals.

Die Theme-Konfiguration exportieren

Der Exportdialog enthält außerdem einen Abschnitt Theme-Konfiguration zur Wiederverwendung außerhalb von mermaid.design:

  • JSON kopieren — kopiert die aktuellen Theme-Variablen als JSON-Objekt
  • JSON herunterladen — speichert eine Datei mermaid-theme.json
  • Frontmatter kopieren — kopiert das Theme als Mermaid-Frontmatter, das Sie am Anfang jeder .mmd-Datei oder eines Markdown-Codeblocks einfügen können:
---
config:
  theme: base
  themeVariables:
    primaryColor: '#...'
---

Jeder Mermaid-Renderer, der themeVariables unterstützt (die Mermaid CLI, GitHub, Docs-Pipelines), kann das exportierte Theme anwenden.

Ihre Arbeit teilen

Diagramme werden nur im lokalen Speicher Ihres Browsers abgelegt — es gibt keinen serverseitigen Freigabelink. Um ein Diagramm zu teilen:

  1. Exportieren Sie es als Bild (oder TXT für ASCII), oder
  2. Kopieren Sie den Mermaid-Code und senden Sie ihn direkt — der Empfänger kann ihn in mermaid.design einfügen und genau dort weitermachen, wo Sie aufgehört haben.

Ihr Code, Theme und Layout bleiben zwischen Sitzungen auf demselben Gerät und Browser automatisch erhalten.