Aktor + Pesan + Garis hidup 100% di perangkat Anda • Privat

Buat diagram urutan yang dapat disimpan sebagai teks

Q: Apakah loop dan cabang bersyarat didukung?

Ya. Pembuat visual mendukung blok loop, alt, opt, dan par.

Petakan panggilan API, interaksi layanan, autentikasi, dan perjalanan pengguna sambil menghasilkan sintaks urutan Mermaid yang rapi.

Panduan diagram urutan

Interaksi sistem yang dapat diedit

Pilih templat diagram urutan.

Beralih antara pengeditan dan hasil langsung.

Judul diagram Penomoran otomatis Tema

Peserta dan aktor

0 peserta

Pesan urutan

0 baris

Pratinjau Mermaid langsung

Pratinjau urutan

Menyiapkan bagan…

Privat · dirender secara lokal

Membuat pratinjau pertama Anda…

Pratinjau diperbarui saat Anda mengedit.

Menyiapkan editor…

Dokumentasikan percakapan antarsistem

Ubah interaksi menjadi teks Mermaid yang dapat ditinjau.

Diagram urutan memperlihatkan urutan pesan, tanggung jawab, pengulangan, dan jalur alternatif. Sumber Mermaid berada di samping hasil agar diagram dapat disimpan bersama spesifikasi API, catatan arsitektur, masalah, atau pull request.

Beri nama garis hidup dengan jelas

Gunakan alias stabil dalam kode dan label yang mudah dibaca untuk orang, browser, API, antrean, dan basis data.

Tampilkan cabang yang bermakna

Gunakan blok loop, alt, opt, par, break, dan critical jika alur kontrol penting bagi pembaca.

Jaga perilaku mudah dibandingkan

Sumber yang ringkas mudah ditinjau dan diperbarui bersama implementasi yang dijelaskannya.

Pola sintaks

Sintaks urutan Mermaid

Deklarasikan setiap garis hidup sekali, gunakan panah untuk pesan, dan apit perilaku berulang atau bersyarat dalam blok. Buka referensi sintaks urutan

sequenceDiagram
  actor User
  participant API
  User->>API: Submit request
  alt Valid input
    API-->>User: 200 OK
  else Invalid input
    API-->>User: 400 Bad Request
  end

Generator diagram urutan Mermaid online gratis

Susun peserta, pesan, catatan, dan blok alur kontrol secara visual. Tinjau diagram lalu simpan sumber Mermaid atau ekspor gambar untuk dokumentasi Anda.

Pertanyaan yang sering diajukan

Apa itu diagram urutan?

Diagram urutan menggambarkan interaksi proses, layanan, atau aktor seiring waktu dalam urutan tertentu.

Apakah pesan sinkron dan asinkron dapat ditambahkan?

Ya. Pilih jenis panah yang sesuai dalam editor. Mermaid menyediakan panah utuh, putus-putus, dan kepala terbuka untuk berbagai jenis pesan.

Apakah loop dan cabang bersyarat didukung?

Ya. Pembuat visual mendukung blok loop, alt, opt, dan par.