Tạo sơ đồ trực tuyến

Tạo và chỉnh sửa sơ đồ Mermaid trực tuyến với xem trước theo thời gian thực, mẫu và ví dụ. Xuất PNG, SVG, PDF hoặc MMD, chia sẻ bằng liên kết; dữ liệu được xử lý trong trình duyệt.

Trình chỉnh sửa sơ đồ miễn phí trên trình duyệt

Tạo sơ đồ Mermaid trực tuyến miễn phí

Viết hoặc dán mã Mermaid, xem thay đổi ngay lập tức, bắt đầu từ mẫu rồi xuất PNG, SVG, PDF hoặc MMD. Dữ liệu của bạn được xử lý trong trình duyệt.

  • Miễn phí 100%
  • 33 loại sơ đồ
  • Xử lý trong trình duyệt
  • 4 định dạng xuất

Mọi thứ bạn cần để biến mã Mermaid thành sơ đồ

Quy trình ưu tiên mã lệnh, nhanh và phù hợp cho lập trình viên, nhóm sản phẩm, người viết tài liệu kỹ thuật, sinh viên và giáo viên.

Xem trước theo thời gian thực

Mọi thay đổi trong mã Mermaid được hiển thị ngay, giúp phát hiện nhanh lỗi cú pháp và bố cục.

Mẫu và ví dụ

Bắt đầu nhanh với lưu đồ, sơ đồ trình tự, ER, Gantt, kiến trúc và nhiều tình huống thực tế khác.

33 loại sơ đồ

Từ lưu đồ và sơ đồ tư duy đến C4, Sankey, Wardley Maps, sơ đồ đường ray và ZenUML.

Xuất PNG, SVG, PDF và MMD

Tải ảnh raster, vector, tài liệu in hoặc tệp mã nguồn Mermaid để tiếp tục chỉnh sửa.

Chia sẻ bằng liên kết

Tạo liên kết để đồng nghiệp, khách hàng hoặc bạn học mở cùng một sơ đồ nhanh chóng.

Riêng tư trong trình duyệt

Việc chỉnh sửa, hiển thị và xử lý dữ liệu diễn ra trên trình duyệt, giúp nội dung nhạy cảm ở lại trên thiết bị.

11 ngôn ngữ giao diện

Hỗ trợ English, 简体中文, Tiếng Việt, Русский, Português (Brasil), Español, Français, 日本語, 한국어, Deutsch và العربية.

Tối ưu cho diagram as code

Sơ đồ dễ chỉnh sửa, sao chép, xem xét và quản lý phiên bản thay vì bị khóa trong tệp vẽ độc quyền.

Tạo sơ đồ trong ba bước

  1. 01

    Viết hoặc dán mã Mermaid

    Chọn mẫu, mở ví dụ hoặc dán mã từ tài liệu, GitHub, ChatGPT, Claude hay nguồn khác.

  2. 02

    Xem trước khi đang nhập

    Sơ đồ cập nhật theo thời gian thực khi bạn chỉnh nhãn, mối quan hệ, hướng, kiểu và bố cục.

  3. 03

    Xuất hoặc chia sẻ

    Tải PNG, SVG, PDF, MMD hoặc tạo liên kết để chia sẻ.

Khám phá 33 loại sơ đồ Mermaid

Chọn đúng hình thức trực quan cho thiết kế phần mềm, quy trình, quản lý dự án, mô hình dữ liệu, chiến lược và tài liệu.

  • Lưu đồ
  • Sơ đồ lớp
  • Sơ đồ trình tự
  • Sơ đồ thực thể–quan hệ
  • Sơ đồ trạng thái
  • Sơ đồ tư duy
  • Sơ đồ kiến trúc
  • Sơ đồ khối
  • Sơ đồ C4
  • Khung Cynefin
  • Mô hình hóa sự kiện
  • Biểu đồ Gantt
  • Đồ thị Git
  • Sơ đồ Ishikawa (xương cá)
  • Bảng Kanban
  • Sơ đồ gói tin
  • Biểu đồ tròn
  • Biểu đồ phần tư
  • Biểu đồ radar
  • Sơ đồ đường ray (ABNF)
  • Sơ đồ đường ray (EBNF)
  • Sơ đồ đường ray (IR)
  • Sơ đồ đường ray (PEG)
  • Sơ đồ yêu cầu
  • Sơ đồ Sankey
  • Dòng thời gian
  • Chế độ xem cây
  • Bản đồ cây
  • Hành trình người dùng
  • Sơ đồ Venn
  • Bản đồ Wardley
  • Biểu đồ XY
  • ZenUML

Được thiết kế cho công việc tài liệu thực tế

Lập trình viên

Mô tả API, dịch vụ, mô hình dữ liệu, chuyển trạng thái, luồng Git, gói mạng và kiến trúc hệ thống.

Nhóm sản phẩm và dự án

Lập bản đồ hành trình người dùng, quy trình, lộ trình, Kanban, mốc thời gian, yêu cầu và lịch dự án.

Người viết tài liệu kỹ thuật

Tạo hình minh họa dễ bảo trì cho README, cơ sở tri thức, đặc tả, hướng dẫn và tài liệu nội bộ.

Sinh viên và giáo viên

Giải thích hệ thống phức tạp, so sánh khái niệm, lập sơ đồ tư duy và biến ghi chú thành hình ảnh rõ ràng.

Chọn đúng định dạng cho từng quy trình

Từ bản xem trước trên trình duyệt đến tài liệu, thiết kế, in ấn, thuyết trình hoặc quản lý mã nguồn mà không phải vẽ lại.

PNG
Ảnh raster chất lượng cao cho slide, tài liệu, trò chuyện và chia sẻ nhanh.
SVG
Định dạng vector có thể phóng to không mất nét, phù hợp cho web và công cụ thiết kế.
PDF
Định dạng tiện lợi cho in ấn, báo cáo, phê duyệt và lưu trữ.
MMD
Mã nguồn Mermaid gốc để chỉnh sửa, tái sử dụng và quản lý phiên bản.

Dữ liệu sơ đồ ở lại trong trình duyệt

Nội dung Mermaid được xử lý ở phía máy khách, phù hợp với sơ đồ kiến trúc, quy trình nội bộ, mô hình cơ sở dữ liệu và các nội dung bạn không muốn tải lên dịch vụ từ xa.

Câu hỏi thường gặp

Trình chỉnh sửa Mermaid này có thực sự miễn phí không?

Có. Trình chỉnh sửa, mẫu, ví dụ, xem trước trực tiếp, chia sẻ liên kết và xuất PNG, SVG, PDF, MMD đều miễn phí.

Mermaid là gì?

Mermaid là cú pháp vẽ sơ đồ bằng văn bản. Bạn mô tả nút, quan hệ, sự kiện hoặc dòng thời gian bằng mã và công cụ sẽ chuyển chúng thành sơ đồ trực quan.

Hỗ trợ những loại sơ đồ nào?

Có 33 nhóm, gồm lưu đồ, lớp, trình tự, ER, trạng thái, tư duy, kiến trúc, C4, Gantt, Git, Kanban, Sankey, dòng thời gian, hành trình người dùng, Venn, Wardley Maps, XY, ZenUML và nhiều loại khác.

Có thể xuất PNG, SVG, PDF và MMD không?

Có. PNG phù hợp dùng hằng ngày, SVG để phóng to, PDF cho in ấn và tài liệu chính thức, MMD để giữ mã Mermaid có thể chỉnh sửa.

Mã Mermaid có được tải lên máy chủ không?

Trang web được thiết kế để xử lý dữ liệu sơ đồ trong trình duyệt; nội dung làm việc ở phía máy khách trong quá trình chỉnh sửa và xuất thông thường.

Chia sẻ bằng liên kết hoạt động thế nào?

Tạo liên kết trong trình chỉnh sửa rồi gửi cho người khác; họ có thể mở sơ đồ trực tiếp bằng trình duyệt.

Có cần cài Mermaid hay phần mềm nào khác không?

Không. Chỉ cần mở trang web bằng trình duyệt hiện đại và bắt đầu chỉnh sửa.

Có thể bắt đầu từ mẫu hoặc ví dụ không?

Có. Mẫu giúp học cú pháp nhanh hơn và tạo các sơ đồ phổ biến mà không phải bắt đầu từ trang trống.

Có thể dán mã Mermaid do ChatGPT hoặc Claude tạo không?

Có. Dán mã vào trình chỉnh sửa, kiểm tra bản xem trước, sửa lỗi cú pháp nếu có rồi xuất hoặc chia sẻ.

Vì sao dùng Mermaid thay cho công cụ kéo thả?

Sơ đồ dạng văn bản chỉnh sửa nhanh, dễ sao chép, phù hợp với Git và code review, đồng thời dễ đồng bộ với tài liệu kỹ thuật.

Biến văn bản thành sơ đồ rõ ràng ngay bây giờ

Mở trình chỉnh sửa, chọn một mẫu và xuất sơ đồ Mermaid đầu tiên chỉ trong vài phút.

Tạo sơ đồ Mermaid