Mermaid naar SVG converteren

Maak van Mermaid-code een losse SVG met echte breedte en hoogte. Hij blijft scherp bij elke zoom, opent in Figma, Illustrator en Inkscape en past netjes in websites en README-bestanden.

Voor altijd gratis · Werkt op je eigen apparaat · 0 bytes geüpload

Kies een .mmd-bestand of sleep het hierheen · verlaat dit apparaat nooit

Mermaid-code Opslaan als PNG-grootte Thema Transparante achtergrond

Zo gebruik je Mermaid naar SVG

Plak je Mermaid-code of kies een .mmd- of .md-bestand.
Kies een thema en, als je wilt, een transparante achtergrond.
Klik op “SVG maken”, controleer het voorbeeld en download het.

Ook handig voor

Mermaid naar SVG
Mermaid diagram opslaan als SVG
Mermaid SVG downloaden
Mermaid diagram voor Figma
Mermaid grafiek naar vectorafbeelding

Mermaid-voorbeelden om mee te beginnen

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

Privé door ontwerp — en je kunt het controleren

Je bestanden worden nooit geüpload, want er is nergens naartoe om ze te uploaden.

Er is geen uploadstapBestanden worden gelezen en geschreven binnen deze browsertab. Er is geen server die ze zou kunnen ontvangen.
De browser dwingt het afHet Content Security Policy van deze pagina staat alleen verbindingen terug naar deze site toe, die niets anders dan de app zelf levert.
Zie het zelfOpen de ontwikkelaarstools, houd het tabblad Netwerk in de gaten en voer een taak uit: geen enkel verzoek bevat je document.
Open sourceElke regel staat op GitHub, gebouwd op qpdf, pdf.js & pdf-lib.

Veelgestelde vragen

Worden mijn bestanden ergens geüpload?

Nee. Fizzdoc doet het werk in je browsertab, met opensource-engines die zijn gecompileerd naar WebAssembly en JavaScript. Je bestand wordt van je apparaat gelezen, lokaal verwerkt, en het resultaat wordt direct weer op je apparaat opgeslagen. Je kunt dit zelf controleren: open de ontwikkelaarstools van je browser, ga naar het tabblad Netwerk en voer een taak uit — er wordt geen enkel verzoek met je bestand verstuurd.

Kan ik de SVG achteraf bewerken?

Ja. Tekst blijft echte tekst en vormen blijven vectorpaden, dus Figma, Illustrator, Inkscape en de meeste ontwerptools kunnen hem openen en bewerken.

Is de SVG veilig op een website te zetten?

Mermaid draait in strikte modus, waardoor scripts en klikhandlers uit labels verdwijnen. De SVG bevat dus alleen de tekening en de stijlen.

Is Fizzdoc gratis?

Ja, en het blijft gratis: geen account, geen watermerk, geen dagelijkse limiet en geen premium-abonnement. Fizzdoc is open source onder de Apache-2.0-licentie, dus iedereen kan zijn eigen versie draaien.