Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)

Buat flowchart dan diagram proses dengan 44 bentuk tarik-lepas, koneksi cerdas, tata letak otomatis, lalu ekspor ke PNG, SVG, atau JSON.

Membuat Flowchart untuk Diagram yang Tersusun Sendiri

Alat membuat flowchart ini adalah tool tarik-lepas untuk menyusun flowchart, diagram proses, dan visualisasi alur kerja langsung di browser Anda. Pilih sebuah bentuk, lepaskan di kanvas, lalu sambungkan kotak-kotaknya — tidak ada yang perlu dipasang dan tidak perlu membuat akun.

Dengan 44 jenis bentuk — mulai dari kotak proses dan belah ketupat keputusan hingga basis data, swimlane, dan gerbang logika — Anda bisa memetakan apa saja, dari pohon keputusan sederhana sampai arsitektur sistem yang lengkap. Cocok untuk developer yang mendokumentasikan pipeline, analis bisnis yang memetakan alur persetujuan, mahasiswa yang menggambar flowchart algoritma, dan manajer proyek yang memvisualkan proses tim.

Privat sejak awal: setiap bentuk, koneksi, dan perubahan terjadi di browser Anda, dan pekerjaan Anda tersimpan otomatis ke penyimpanan lokalnya. Tidak ada diagram yang pernah diunggah ke server.

Cara Membuat Flowchart

1

Tambahkan bentuk

Buka grup bentuk di panel samping kiri — Dasar, Kontrol Alur, Data, dan lainnya — lalu klik sebuah bentuk untuk melepaskannya di tengah, atau tarik ke mana saja di kanvas. Bentuk menjepret ke kisi 20px agar penjajaran rapi.

2

Sambungkan

Arahkan kursor ke sebuah bentuk untuk memunculkan titik koneksi birunya, lalu klik satu titik dan satu titik pada bentuk lain untuk menarik panah melengkung. Tekan C untuk mode Sambung, dan tambahkan label seperti Ya atau Tidak dari panel properti.

3

Ubah dan beri gaya

Klik dua kali bentuk mana pun untuk mengetik teksnya. Gunakan panel properti di kanan untuk mengubah isian, garis tepi, opasitas, ukuran font, dan dimensi, atau tarik pegangan ubah ukuran untuk membentuk ulang bentuk yang dipilih.

4

Tata dengan rapi

Pilih bentuk dengan Ctrl+klik atau seret kotak seleksi, lalu gunakan alat Rata dan Sebar, atau klik Tata Otomatis untuk menyusun semuanya menjadi hierarki yang rapi secara otomatis.

5

Ekspor pekerjaan Anda

Buka menu Ekspor dan simpan flowchart Anda sebagai gambar PNG, vektor SVG, atau berkas data JSON. Impor berkas JSON nanti untuk melanjutkan pengubahan atau berbagi diagram antarperangkat.

Fitur

44 Jenis Bentuk

Pustaka lengkap simbol flowchart — proses, keputusan, terminal, data, basis data, dokumen, tabel, swimlane, gerbang logika, dan lainnya — tertata dalam sembilan grup.

Kanvas Tarik-Lepas

Tarik bentuk dari panel samping atau klik untuk menempatkannya. Semuanya menjepret ke kisi 20px, dengan garis bantu jepret yang muncul saat Anda menyejajarkan bentuk dengan tetangganya.

Koneksi Cerdas

Hubungkan bentuk dengan panah melengkung yang mulus. Tambahkan label, pilih dari empat gaya panah (maju, mundur, keduanya, tidak ada), dan atur warna, lebar, serta gaya garis penuh, putus-putus, atau bertitik.

Tabel Interaktif

Lepaskan bentuk tabel dengan sel yang bisa diubah. Klik dua kali sel untuk mengetik, tekan Tab untuk berpindah, serta tambah atau hapus baris dan kolom dari panel properti.

Tata Otomatis & Penjajaran

Sekali klik menyusun bentuk Anda menjadi hierarki yang rapi. Ratakan kiri, tengah, kanan, atas, tengah vertikal, atau bawah, dan sebarkan bentuk terpilih secara merata.

Pengelompokan & Urutan Tumpukan

Kelompokkan bentuk dengan Ctrl+G agar bergerak sebagai satu kesatuan, pisahkan dengan Ctrl+Shift+G, serta bawa bentuk ke depan atau kirim ke belakang untuk mengatur tumpang tindih.

Cari & Ganti

Tekan Ctrl+F untuk menemukan teks apa pun di setiap bentuk dan menggantinya dalam satu tempat — praktis untuk mengganti nama langkah pada diagram besar.

Minimap & Zoom

Minimap memberi gambaran klik-untuk-navigasi pada diagram besar. Zoom dari 10% hingga 500% dengan roda, tombol, atau sesuaikan layar, dan geser dengan alat tangan.

Tab Multi-Diagram

Kerjakan beberapa diagram di tab terpisah. Tambah, ganti nama, gandakan, atau hapus diagram, dengan tiap tab menyimpan bentuk, koneksi, dan tampilannya sendiri.

12 Templat Bawaan

Mulai cepat dengan diagram siap pakai: alur dasar, pohon keputusan, checkout e-commerce, rekrutmen, autentikasi, laporan bug, pengembangan perangkat lunak, dukungan, pemenuhan pesanan, CI/CD, CRUD basis data, dan unggah berkas.

Ekspor & Impor

Ekspor ke PNG (resolusi 2x), vektor SVG, atau data JSON, lalu impor ulang berkas JSON untuk melanjutkan pengubahan atau berbagi diagram antarperangkat.

Pintasan & Mode Gelap

Pintasan keyboard mencakup alat dan pengubahan — tekan ? untuk daftar lengkap — plus riwayat urungkan/ulangi, menu klik kanan, dan tema gelap bawaan.

Pertanyaan yang Sering Diajukan

Bagaimana cara membuat flowchart online?

Buka grup bentuk di panel samping kiri, lalu klik atau tarik sebuah bentuk ke kanvas. Arahkan kursor ke bentuk untuk memunculkan titik birunya dan klik di antara dua bentuk untuk menyambungkannya. Klik dua kali bentuk untuk mengetik teksnya. Tidak ada yang perlu diunduh atau didaftarkan — cukup buka halaman dan mulai menyusun.

Apakah pembuat flowchart ini gratis, dan apakah saya perlu akun?

Ya, semuanya berjalan sepenuhnya di browser Anda tanpa pendaftaran. Setiap bentuk dan koneksi disusun secara lokal, dan pekerjaan Anda tersimpan otomatis ke penyimpanan browser sehingga tetap ada saat Anda kembali.

Apa arti simbol-simbol flowchart?

Persegi panjang (Proses) adalah langkah atau aksi, belah ketupat (Keputusan) adalah percabangan ya/tidak, dan oval (Mulai / Selesai, juga disebut terminal) menandai tempat sebuah alur dimulai atau berakhir. Selain dasar-dasar ini ada 44 bentuk secara total, termasuk simbol data, basis data, dokumen, swimlane, dan gerbang logika, masing-masing dikelompokkan menurut fungsinya di panel samping.

Bagaimana cara menyambungkan dua bentuk dan menambahkan label?

Arahkan kursor ke sebuah bentuk untuk melihat titik biru di tepinya, klik satu titik, lalu klik satu titik pada bentuk lain untuk menarik panah melengkung. Anda juga bisa menekan C untuk mode Sambung. Untuk memberi label pada garis, pilih garis itu dan ketik di kolom Label pada panel properti — teksnya muncul di titik tengah.

Bagaimana cara mengekspor flowchart sebagai gambar?

Buka menu Ekspor dan pilih PNG untuk gambar beresolusi tinggi (2x), SVG untuk vektor yang dapat diperbesar tanpa pecah dan bisa dicetak atau dipasang di web, atau JSON untuk menyimpan data yang dapat diubah. Impor ulang berkas JSON nanti untuk melanjutkan pengerjaan diagram yang sama.

Bagaimana cara meratakan bentuk dan menatanya secara otomatis?

Pilih dua bentuk atau lebih dan alat Rata akan muncul — ratakan kiri, tengah, kanan, atas, tengah vertikal, atau bawah, dan sebarkan tiga bentuk atau lebih secara merata. Untuk melewati penempatan manual sepenuhnya, klik Tata Otomatis dan alat ini akan menyusun setiap bentuk menjadi struktur hierarkis.

Bisakah saya mengerjakan lebih dari satu diagram sekaligus?

Bisa. Tambahkan tab diagram baru dari bilah alat dan setiap tab menyimpan kanvas, bentuk, dan zoom-nya sendiri secara mandiri. Gunakan menu tab untuk mengganti nama, menggandakan, atau menghapusnya.

Pintasan keyboard apa saja yang bisa saya gunakan?

Tekan ? untuk daftar lengkap. Yang umum di antaranya V (pilih), H (geser), dan C (sambung), plus Ctrl+Z untuk mengurungkan, Ctrl+C / Ctrl+V untuk menyalin dan menempel, Ctrl+D untuk menggandakan, Ctrl+G untuk mengelompokkan, dan Ctrl+F untuk mencari dan mengganti.

Apakah data saya aman dan privat?

Ya. Semuanya berjalan di browser Anda dan tidak ada yang dikirim ke server. Diagram Anda hanya tersimpan di penyimpanan lokal browser, tempat semuanya tersimpan otomatis selagi Anda bekerja.

Bentuk
100%
Pilih bentuk atau koneksi untuk mengubah propertinya
Buka grup bentuk di panel samping kiri, lalu klik atau tarik sebuah bentuk ke kanvas
Arahkan kursor ke bentuk dan klik di antara titik koneksi birunya untuk menarik panah
Tekan ? untuk melihat semua pintasan keyboard
Gunakan Ctrl+F untuk mencari dan mengganti teks di semua bentuk
Tahan Ctrl lalu klik untuk memilih beberapa bentuk, kemudian gunakan alat rata atau Tata Otomatis
Klik dua kali sel tabel untuk mengubahnya, dan tekan Tab untuk berpindah antarsel
Klik kanan untuk membuka menu konteks berisi aksi cepat
Klik minimap untuk berpindah cepat di diagram besar
Pekerjaan Anda tersimpan otomatis secara lokal di browser - tidak ada yang diunggah
Ingin belajar lebih banyak? Baca dokumentasi →
1/10
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda