Convertir Mermaid en SVG

Transformez du code Mermaid en SVG autonome avec une vraie largeur et une vraie hauteur. Il reste net à tous les niveaux de zoom, s’ouvre dans Figma, Illustrator et Inkscape et s’intègre proprement aux sites web et aux fichiers README.

Gratuit pour toujours · Fonctionne sur votre appareil · 0 octet envoyé

Choisir un fichier .mmd ou déposez-le ici · ne quitte jamais cet appareil

Code Mermaid Enregistrer sous Taille du PNG Thème Fond transparent

Comment utiliser Mermaid en SVG

Collez votre code Mermaid ou choisissez un fichier .mmd ou .md.
Choisissez un thème et, si vous voulez, un fond transparent.
Cliquez sur « Créer le SVG », vérifiez l’aperçu et téléchargez-le.

Utile aussi pour

convertir Mermaid en SVG
exporter diagramme Mermaid en SVG
télécharger Mermaid en SVG
diagramme Mermaid pour Figma
Mermaid en image vectorielle

Exemples Mermaid pour commencer

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é par conception — et vérifiable

Vos fichiers ne sont jamais envoyés, car il n'y a nulle part où les envoyer.

Aucun envoi n'existeLes fichiers sont lus et écrits dans cet onglet du navigateur. Il n'y a aucun serveur qui pourrait les recevoir.
Le navigateur l'imposeLa politique de sécurité du contenu (CSP) de cette page n'autorise que des connexions vers ce site, qui ne sert rien d'autre que l'application elle-même.
Vérifiez par vous-mêmeOuvrez les outils de développement, regardez l'onglet Réseau et lancez une opération : aucune requête ne transporte votre document.
Open sourceChaque ligne de code est sur GitHub, et s'appuie sur qpdf, pdf.js & pdf-lib.

Questions fréquentes

Mes fichiers sont-ils envoyés quelque part ?

Non. Fizzdoc effectue tout le travail dans votre onglet de navigateur, grâce à des moteurs open source compilés en WebAssembly et en JavaScript. Votre fichier est lu depuis votre appareil, traité localement, puis le résultat est enregistré directement sur votre appareil. Vous pouvez le vérifier vous-même : ouvrez les outils de développement de votre navigateur, allez dans l'onglet Réseau et lancez une opération — aucune requête ne transporte votre fichier.

Puis-je modifier le SVG ensuite ?

Oui. Le texte reste du vrai texte et les formes des tracés vectoriels, donc Figma, Illustrator, Inkscape et la plupart des outils de design peuvent l’ouvrir et le modifier.

Le SVG est-il sûr à mettre sur un site web ?

Mermaid s’exécute en mode strict, qui supprime les scripts et les gestionnaires de clic des étiquettes : le SVG ne contient donc que le dessin et ses styles.

Est-ce que Fizzdoc est gratuit ?

Oui, et ça restera gratuit : pas d'inscription, pas de filigrane, pas de limite quotidienne et pas d'offre premium. Fizzdoc est open source sous licence Apache-2.0, donc n'importe qui peut faire tourner sa propre copie.