Flowchart Maker là gì?

Flowchart Maker là công cụ kéo-thả tương tác để tạo flowchart chuyên nghiệp, sơ đồ quy trình và trực quan hóa luồng công việc — hoàn toàn trên trình duyệt của bạn. Với 37 loại hình bao gồm hộp quy trình, hình thoi quyết định, cơ sở dữ liệu, bảng, swimlane và nhiều hơn nữa, bạn có thể xây dựng mọi thứ từ cây quyết định đơn giản đến kiến trúc hệ thống phức tạp.

Dành Cho Ai?

Lập Trình Viên

Tài liệu hóa luồng hệ thống, pipeline CI/CD và kiến trúc dữ liệu một cách chính xác.

Chuyên Viên Phân Tích Nghiệp Vụ

Lập bản đồ quy trình kinh doanh, luồng phê duyệt và hành trình khách hàng.

Sinh Viên

Tạo flowchart thuật toán, cây quyết định và sơ đồ học tập một cách dễ dàng.

Quản Lý Dự Án

Trực quan hóa luồng công việc dự án và quy trình nhóm để giao tiếp rõ ràng hơn.

Dữ Liệu Của Bạn Được Bảo Mật

Toàn bộ quá trình xử lý diễn ra trên trình duyệt của bạn — không có gì được gửi lên máy chủ.

Không tải lên — sơ đồ của bạn không bao giờ rời khỏi thiết bị
Không theo dõi — chúng tôi không thu thập dữ liệu sử dụng
Tự động lưu — công việc được lưu tự động vào bộ nhớ cục bộ của trình duyệt

Table of Contents

1. Flowchart Maker là gì?
- 1.1. Dành Cho Ai?
- 1.2. Dữ Liệu Của Bạn Được Bảo Mật
2. Cách Sử Dụng Flowchart Maker
3. Tính Năng
4. Câu Hỏi Thường Gặp

Cách Sử Dụng Flowchart Maker

Bắt đầu rất đơn giản. Dưới đây là hướng dẫn đầy đủ về các thao tác cốt lõi — từ đặt hình đến xuất sơ đồ hoàn chỉnh.

Tạo Hình

Chọn từ 37 loại hình trong thanh bên trái, được tổ chức thành các nhóm: Cơ bản, Điều khiển luồng, Dữ liệu, Loại quy trình, Chú thích, Bổ sung, Logic/Nút giao, Lưu trữ và Thêm hình.

Nhấp vào hình trong thanh bên để đặt nó vào giữa canvas
Kéo hình từ thanh bên và thả vào bất kỳ vị trí nào trên canvas
Hình tự động snap vào lưới 20px để căn chỉnh gọn gàng

Kết Nối Các Hình

Di chuột qua hình để hiện chấm kết nối màu xanh trên các cạnh
Nhấp vào một chấm, rồi nhấp vào chấm khác trên hình khác để tạo kết nối cong
Thêm nhãn (như "Có" hoặc "Không") cho kết nối từ bảng thuộc tính
Chọn từ 4 kiểu mũi tên: xuôi, ngược, hai chiều hoặc không mũi tên

Chỉnh Sửa Hình

Nhấp đúp vào bất kỳ hình nào để chỉnh sửa văn bản
Dùng bảng thuộc tính bên phải để thay đổi màu sắc, viền, độ mờ, cỡ chữ và kích thước
Kéo tay nắm thay đổi kích thước hình vuông xung quanh hình được chọn để thay đổi kích thước

Làm Việc Với Bảng

Thêm hình Bảng từ nhóm Bổ sung trong thanh bên
Nhấp đúp vào bất kỳ ô nào để chỉnh sửa nội dung
Nhấn Tab để chuyển sang ô tiếp theo, Shift+Tab để quay lại
Dùng các nút trong bảng thuộc tính để thêm hoặc xóa hàng và cột

Sắp Xếp Sơ Đồ

Chọn nhiều hình bằng Ctrl+Click hoặc kéo vùng chọn
Dùng công cụ Căn chỉnh (xuất hiện khi chọn 2+ hình) để căn chỉnh hoặc phân bố đều
Nhấp Tự động bố cục để tự động sắp xếp tất cả hình theo cấu trúc phân cấp
Nhóm hình bằng Ctrl+G để di chuyển chúng cùng nhau

Xuất File

PNG

Hình ảnh độ phân giải cao (2x) — lý tưởng cho bài thuyết trình và tài liệu.

SVG

Định dạng vector có thể mở rộng — hoàn hảo cho web và in ấn.

JSON

Lưu dữ liệu sơ đồ để tải lại sau, chia sẻ với người khác hoặc nhập trên các thiết bị khác.

Tính Năng

37 Loại Hình

Thư viện toàn diện bao gồm tất cả ký hiệu flowchart tiêu chuẩn cùng các hình bổ sung cho các trường hợp sử dụng chuyên biệt:

Cơ Bản & Điều Khiển Luồng

Cơ bản — Quy trình, Bắt đầu/Kết thúc, Quy trình con, Quy trình định sẵn
Điều khiển luồng — Quyết định, Hợp nhất, Kết nối, Ngoài trang
Chú thích — Ghi chú, Hiển thị

Dữ Liệu & Loại Quy Trình

Dữ liệu — Nhập/Xuất, Cơ sở dữ liệu, Tài liệu, Đa tài liệu, Lưu trữ nội bộ
Loại quy trình — Thao tác thủ công, Chuẩn bị, Trì hoãn, Nhập thủ công

Logic & Lưu Trữ

Logic — Cổng Or, Nút tổng hợp, Đối chiếu, Sắp xếp, Trích xuất, Giới hạn vòng lặp
Lưu trữ — Dữ liệu đã lưu, Dữ liệu trực tiếp

Bổ Sung & Thêm Hình

Bổ sung — Văn bản tự do, Bảng, Đám mây, Ngôi sao, Chú thích, Mũi tên, Hình tròn, Swimlane
Thêm — Thẻ, Băng, Hình thoi, Hình chữ nhật bo góc, Lục giác, Đường ngang, Đường dọc, Dấu ngoặc, Dấu ngoặc nhọn

Kết Nối Thông Minh

Kết nối các hình bằng đường cong bezier mượt mà. Thêm nhãn văn bản cho kết nối, chọn từ 4 kiểu mũi tên và tùy chỉnh màu sắc, độ dày và kiểu đường — liền, nét đứt hoặc chấm.

Bảng Tương Tác

Thêm hình bảng với các ô có thể chỉnh sửa hoàn toàn. Nhấp đúp vào bất kỳ ô nào để chỉnh sửa, dùng Tab để điều hướng giữa các ô, và thêm hoặc xóa hàng, cột trực tiếp từ bảng thuộc tính.

Công Cụ Chính Xác

Đường Snap Căn Chỉnh

Đường căn chỉnh tự động xuất hiện khi kéo hình gần các hình khác để đặt vị trí chính xác đến từng pixel.

Căn Chỉnh & Phân Bố

Căn chỉnh hình theo trái, giữa, phải, trên, giữa hoặc dưới — và phân bố đều chỉ với một cú nhấp.

Tự Động Bố Cục

Tự động sắp xếp tất cả hình thành cấu trúc phân cấp gọn gàng chỉ với một cú nhấp.

Snap Theo Lưới

Hình snap vào lưới 20px, giữ cho sơ đồ của bạn luôn căn chỉnh đồng đều và gọn gàng.

Điều Hướng

Minimap — bảng tổng quan với nhấp để điều hướng cho sơ đồ lớn
Thu phóng — cuộn chuột, nút bấm hoặc vừa màn hình (10% đến 500%)
Di chuyển — kéo chuột phải, kéo chuột giữa hoặc công cụ tay (H)
Tìm kiếm — tìm và thay thế văn bản trên tất cả hình bằng Ctrl+F

Không Gian Làm Việc Đa Sơ Đồ

Làm việc trên nhiều sơ đồ trong các tab riêng biệt. Thêm, đổi tên, nhân bản hoặc xóa sơ đồ tùy ý. Mỗi tab duy trì tập hợp hình, kết nối và trạng thái khung nhìn độc lập riêng.

Xuất & Nhập

Xuất flowchart dưới dạng PNG (độ phân giải cao), SVG (vector) hoặc JSON (dữ liệu). Nhập file JSON để tiếp tục chỉnh sửa hoặc chia sẻ sơ đồ giữa các thiết bị.

12 Mẫu Có Sẵn

Bắt đầu nhanh với các mẫu được thiết kế sẵn cho các trường hợp sử dụng phổ biến:

Tổng Quát

Luồng cơ bản, Cây quyết định

Kinh Doanh

Thanh toán thương mại điện tử, Quy trình tuyển dụng, Hỗ trợ khách hàng, Xử lý đơn hàng

Kỹ Thuật

Xác thực người dùng, Báo cáo lỗi, Phát triển phần mềm, Pipeline CI/CD, CRUD cơ sở dữ liệu, Tải file lên

Câu Hỏi Thường Gặp

Làm thế nào để kết nối hai hình?

Di chuột qua hình để thấy các chấm xanh xuất hiện trên các cạnh. Nhấp vào một chấm, rồi nhấp vào chấm trên hình khác — một mũi tên cong sẽ kết nối chúng. Bạn cũng có thể nhấn C để chuyển sang chế độ Kết nối.

Làm thế nào để thêm nhãn như "Có" hoặc "Không" cho kết nối?

Nhấp vào kết nối để chọn nó. Trong bảng thuộc tính bên phải, nhập văn bản nhãn vào trường Nhãn. Văn bản sẽ xuất hiện ở điểm giữa của kết nối.

Làm thế nào để chỉnh sửa ô trong bảng?

Nhấp đúp vào bất kỳ ô nào trong hình bảng. Nhập nội dung và nhấn Enter để lưu. Nhấn Tab để chuyển sang ô tiếp theo hoặc Shift+Tab để quay lại.

Làm thế nào để chọn nhiều hình cùng lúc?

Giữ Ctrl và nhấp vào từng hình riêng lẻ. Hoặc nhấp vào vùng trống trên canvas và kéo để tạo vùng chọn — tất cả hình bên trong sẽ được chọn.

Làm thế nào để căn chỉnh các hình gọn gàng?

Chọn hai hình trở lên. Các nút căn chỉnh sẽ xuất hiện trên thanh công cụ. Nhấp để căn chỉnh trái, giữa, phải, trên, giữa hoặc dưới. Khi chọn 3 hình trở lên, bạn cũng có thể phân bố chúng đều nhau.

Tôi có thể lưu flowchart không?

Công việc của bạn được tự động lưu vào bộ nhớ cục bộ của trình duyệt. Để lưu bản sao di động, nhấp Xuất → JSON. Bạn có thể nhập file này sau để tiếp tục chỉnh sửa trên bất kỳ thiết bị nào.

Có những định dạng xuất nào?

PNG cho hình ảnh (độ phân giải 2x), SVG cho đồ họa vector có thể mở rộng, và JSON cho dữ liệu sơ đồ có thể nhập lại và chỉnh sửa sau.

Làm thế nào để làm việc trên nhiều sơ đồ?

Nhấp nút + bên cạnh các tab sơ đồ trên thanh công cụ để tạo tab mới. Mỗi tab có canvas độc lập riêng. Nhấp vào menu ba chấm trên bất kỳ tab nào để đổi tên, nhân bản hoặc xóa.

Có những phím tắt nào?

Nhấn ? để xem danh sách đầy đủ. Các phím tắt chính bao gồm:

V — Chế độ chọn
H — Chế độ di chuyển
C — Chế độ kết nối
Ctrl+Z — Hoàn tác
Ctrl+C / Ctrl+V — Sao chép / Dán
Ctrl+F — Tìm kiếm
Ctrl+G — Nhóm hình

Dữ liệu của tôi có được bảo mật không?

Bảo mật 100%: Mọi thứ chạy hoàn toàn trên trình duyệt của bạn. Không có dữ liệu nào được gửi đến bất kỳ máy chủ nào. Sơ đồ của bạn chỉ được lưu trong bộ nhớ cục bộ của trình duyệt.