Mermaid in SVG umwandeln

Wandeln Sie Mermaid-Code in ein eigenständiges SVG mit echter Breite und Höhe um. Es bleibt bei jedem Zoom scharf, öffnet sich in Figma, Illustrator und Inkscape und lässt sich sauber in Websites und README-Dateien einbetten.

Für immer kostenlos · Läuft auf Ihrem Gerät · 0 Bytes hochgeladen

.mmd-Datei auswählen oder hier ablegen · verlässt dieses Gerät nie

Mermaid-Code Speichern als PNG-Größe Design Transparenter Hintergrund

So verwenden Sie Mermaid zu SVG

Fügen Sie Ihren Mermaid-Code ein oder wählen Sie eine .mmd- oder .md-Datei.
Wählen Sie ein Design und auf Wunsch einen transparenten Hintergrund.
Klicken Sie auf „SVG erstellen“, prüfen Sie die Vorschau und laden Sie es herunter.

Auch praktisch für

Mermaid in SVG umwandeln
Mermaid-Diagramm als SVG exportieren
Mermaid als SVG herunterladen
Mermaid-Diagramm für Figma
Mermaid zu Vektorgrafik

Mermaid-Beispiele zum Loslegen

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Privat by Design — und nachprüfbar

Ihre Dateien werden nie hochgeladen, weil es dafür keine Möglichkeit gibt.

Es gibt keinen Upload-SchrittDateien werden innerhalb dieses Browser-Tabs gelesen und geschrieben. Es gibt keinen Server, der sie empfangen könnte.
Der Browser erzwingt esDie Content Security Policy dieser Seite erlaubt nur Verbindungen zu dieser Website zurück, die außer der App selbst nichts ausliefert.
Überzeugen Sie sich selbstÖffnen Sie die Entwicklertools, beobachten Sie den Netzwerk-Tab und starten Sie einen Vorgang: Keine Anfrage enthält Ihr Dokument.
Open SourceJede Zeile Code ist auf GitHub einsehbar, basierend auf qpdf, pdf.js & pdf-lib.

Häufig gestellte Fragen

Werden meine Dateien irgendwohin hochgeladen?

Nein. Fizzdoc erledigt die Arbeit direkt in Ihrem Browser-Tab, mit Open-Source-Engines, die zu WebAssembly und JavaScript kompiliert sind. Ihre Datei wird von Ihrem Gerät gelesen, lokal verarbeitet, und das Ergebnis wird direkt wieder auf Ihrem Gerät gespeichert. Sie können das selbst überprüfen: Öffnen Sie die Entwicklertools Ihres Browsers, wechseln Sie zum Netzwerk-Tab und führen Sie einen Vorgang aus — keine Anfrage enthält Ihre Datei.

Kann ich das SVG danach bearbeiten?

Ja. Text bleibt echter Text und Formen bleiben Vektorpfade, sodass Figma, Illustrator, Inkscape und die meisten Design-Tools es öffnen und bearbeiten können.

Ist das SVG für eine Website sicher?

Mermaid läuft im strikten Modus, der Skripte und Klick-Handler aus Beschriftungen entfernt, sodass das SVG nur die Zeichnung und ihre Stile enthält.

Ist Fizzdoc kostenlos?

Ja, und das bleibt so: keine Anmeldung, kein Wasserzeichen, kein Tageslimit und keine Premium-Stufe. Fizzdoc ist Open Source unter der Apache-2.0-Lizenz, sodass jeder seine eigene Kopie betreiben kann.