Pembuat visual interaktif 100% di perangkat Anda • Privat

Buat diagram alur Mermaid secara visual

Rancang peta proses, pohon keputusan, dan arsitektur sistem sambil menghasilkan kode Mermaid standar yang rapi.

Panduan diagram alur

Diagram proses yang dapat diedit

Pilih templat diagram alur.

Beralih antara pengeditan dan hasil langsung.

Judul diagram alur Arah Tema

Simpul

0 simpul

Koneksi

0 koneksi

Pratinjau Mermaid langsung

Pratinjau diagram alur

Menyiapkan bagan…

Privat · dirender secara lokal

Membuat pratinjau pertama Anda…

Pratinjau diperbarui saat Anda mengedit.

Menyiapkan editor…

Kapan menggunakan diagram alur

Jelaskan keputusan dan alur kerja yang rumit.

Diagram alur memperlihatkan cabang keputusan, transisi status, dan logika langkah demi langkah. Pembuat visual menghasilkan sintaks Mermaid secara langsung.

Gunakan bentuk simpul yang jelas

Gunakan belah ketupat untuk keputusan, persegi panjang untuk tindakan, dan bentuk stadion untuk mulai/selesai.

Beri label jalur cabang

Tambahkan Ya, Tidak, atau kondisi tertentu pada panah agar jalur mudah dipahami.

Gunakan arah yang konsisten

Orientasi atas ke bawah (TD) dan kiri ke kanan (LR) memberikan alur baca yang alami.

Pola sintaks

Sintaks diagram alur Mermaid

Awali dengan flowchart dan orientasi seperti TD atau LR. Hubungkan ID simpul menggunakan panah.

Buka referensi sintaks diagram alur Mermaid

flowchart TD
  A(["New request"])
  BUrgent?
  C["Page on-call"]
  D["Add to queue"]

  A --> B
  B -->|Yes| C
  B -.->|No| D

Rancang, tinjau, dan ekspor diagram alur Mermaid

Pilih templat, edit simpul dan koneksi, lalu periksa pratinjau. Kode Mermaid tetap dapat ditinjau dan dikelola versinya bersama dokumentasi Anda.

Pertanyaan yang sering diajukan

Apakah saya dapat beralih antara pengeditan visual dan kode Mermaid?

Ya. Pembuat visual memperbarui kode Mermaid secara langsung. Anda juga dapat mengedit kode kapan saja.

Bentuk simpul apa yang tersedia?

Persegi panjang, persegi panjang membulat, stadion, silinder, lingkaran, belah ketupat untuk keputusan, dan bendera asimetris.

Apakah editor diagram alur ini gratis?

Ya. Gratis tanpa pendaftaran, tanda air, atau batas ekspor harian.