Converti Mermaid in SVG

Trasforma il codice Mermaid in un SVG autonomo con larghezza e altezza reali. Resta nitido a qualsiasi zoom, si apre in Figma, Illustrator e Inkscape e si incorpora bene in siti web e file README.

Gratis per sempre · Funziona sul tuo dispositivo · 0 byte caricati

Scegli un file .mmd oppure trascinalo qui · non lascia mai questo dispositivo

Codice Mermaid Salva come Dimensione del PNG Tema Sfondo trasparente

Come usare Mermaid in SVG

Incolla il tuo codice Mermaid o scegli un file .mmd o .md.
Scegli un tema e, se vuoi, uno sfondo trasparente.
Fai clic su “Crea SVG”, controlla l’anteprima e scaricalo.

Utile anche per

convertire Mermaid in SVG
esportare diagramma Mermaid in SVG
scaricare Mermaid come SVG
diagramma Mermaid per Figma
Mermaid in immagine vettoriale

Esempi Mermaid da cui partire

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

Privato per progettazione — e puoi verificarlo

I tuoi file non vengono mai caricati, perché non c'è nessun posto dove caricarli.

Non esiste alcun caricamentoI file vengono letti e scritti all'interno di questa scheda del browser. Non esiste un server che potrebbe riceverli.
Il browser lo imponeLa Content Security Policy di questa pagina consente connessioni solo verso questo sito, che non serve altro che l'app stessa.
Verifica di personaApri gli strumenti per sviluppatori, osserva la scheda Rete ed esegui un'operazione: nessuna richiesta trasporta il tuo documento.
Open sourceOgni riga di codice è su GitHub, realizzata con qpdf, pdf.js & pdf-lib.

Domande frequenti

I miei file vengono caricati da qualche parte?

No. Fizzdoc esegue il lavoro direttamente nella scheda del browser, usando motori open source compilati in WebAssembly e JavaScript. Il file viene letto dal tuo dispositivo, elaborato in locale, e il risultato viene salvato di nuovo sul tuo dispositivo. Puoi verificarlo tu stesso: apri gli strumenti per sviluppatori del browser, vai alla scheda Rete ed esegui un'operazione — nessuna richiesta trasporta il tuo file.

Posso modificare l’SVG in seguito?

Sì. Il testo resta testo vero e le forme restano tracciati vettoriali, quindi Figma, Illustrator, Inkscape e la maggior parte degli strumenti di design possono aprirlo e modificarlo.

L’SVG è sicuro da mettere su un sito web?

Mermaid funziona in modalità rigorosa, che rimuove script e gestori di clic dalle etichette, quindi l’SVG contiene solo il disegno e i suoi stili.

Fizzdoc è gratuito?

Sì, e resterà gratuito: niente registrazione, niente filigrana, nessun limite giornaliero e nessun piano premium. Fizzdoc è open source con licenza Apache-2.0, quindi chiunque può eseguire la propria copia.