Cập nhật tháng 08/2026.
Excalidraw là bảng vẽ trực tuyến mã nguồn mở nổi bật nhờ phong cách nét vẽ tay, giao diện đơn giản và khả năng cộng tác theo thời gian thực. Công cụ phù hợp để phác thảo sơ đồ hệ thống, luồng công việc, kiến trúc phần mềm, wireframe giao diện, mind map hoặc ghi chú trực quan mà không cần cài phần mềm phức tạp.
Excalidraw là gì?
Excalidraw là một “virtual whiteboard” hoạt động trên trình duyệt. Chỉ cần truy cập Excalidraw.com, người dùng có thể bắt đầu vẽ ngay mà không cần tạo tài khoản. Canvas gần như vô hạn, cho phép phóng to, thu nhỏ và di chuyển tự do. Các hình chữ nhật, hình tròn, đường nối, mũi tên và chữ được hiển thị theo phong cách phác thảo, giúp sơ đồ có cảm giác tự nhiên thay vì quá cứng nhắc.
Dự án được phát hành công khai trên GitHub với giấy phép MIT. Theo tài liệu chính thức, trình biên tập hỗ trợ chế độ tối, chèn ảnh, thư viện hình, nhiều ngôn ngữ, xuất PNG/SVG, lưu định dạng mở .excalidraw và tích hợp vào ứng dụng React. Phiên bản web còn hỗ trợ PWA, làm việc ngoại tuyến, cộng tác thời gian thực, mã hóa đầu cuối và liên kết chỉ đọc.
Vì sao Excalidraw được nhiều người yêu thích?
1. Mở lên là vẽ, gần như không có độ dốc học tập
Thanh công cụ chỉ hiển thị các thành phần cần thiết: chọn đối tượng, hình chữ nhật, hình thoi, hình tròn, mũi tên, đường thẳng, bút tự do, văn bản, ảnh và tẩy. Người mới có thể tạo sơ đồ đầu tiên sau vài phút. Việc giảm bớt các bảng tùy chọn cũng giúp người dùng tập trung vào ý tưởng thay vì mất thời gian căn chỉnh từng pixel.
2. Phong cách vẽ tay giúp ý tưởng dễ tiếp nhận
Một bản phác thảo thường tạo cảm giác “đang thảo luận” và dễ sửa hơn một bản thiết kế hoàn thiện. Điều này rất hữu ích trong họp kỹ thuật, brainstorming, giảng dạy hoặc trình bày phương án ban đầu. Bạn vẫn có thể thay đổi độ dày nét, màu viền, màu nền, độ trong suốt, kiểu chữ và mức độ thô của đường vẽ.
3. Cộng tác thời gian thực
Trong menu cộng tác, người tạo phòng có thể gửi liên kết để nhiều thành viên cùng thao tác trên một canvas. Con trỏ của từng người được hiển thị riêng, phù hợp cho họp từ xa, phân tích sự cố hoặc thiết kế luồng nghiệp vụ. Dự án Excalidraw mô tả tính năng cộng tác của ứng dụng web là được mã hóa đầu cuối; tuy vậy, người dùng vẫn nên tránh đưa mật khẩu, khóa API hoặc dữ liệu bí mật vào mọi công cụ cộng tác trực tuyến.
4. Định dạng mở và xuất file linh hoạt
File .excalidraw chứa dữ liệu cảnh ở dạng JSON, thuận tiện để lưu trữ, quản lý phiên bản và mở lại để chỉnh sửa. Khi cần đưa sơ đồ vào tài liệu, website hoặc bài thuyết trình, bạn có thể xuất PNG, SVG hoặc sao chép ảnh vào clipboard. SVG phù hợp với sơ đồ cần phóng lớn mà không vỡ hình; PNG tiện cho email và tài liệu văn phòng.
Hướng dẫn sử dụng Excalidraw cho người mới
Bước 1: Mở canvas và chọn giao diện
Truy cập trang chính thức, chọn chế độ sáng hoặc tối và đặt ngôn ngữ nếu cần. Dữ liệu của bản vẽ miễn phí có thể được lưu trong bộ nhớ trình duyệt. Chính Excalidraw cảnh báo rằng dữ liệu trình duyệt có thể bị xóa ngoài ý muốn, vì vậy hãy tải file .excalidraw về máy định kỳ đối với nội dung quan trọng.
Bước 2: Vẽ các khối chính trước
Hãy bắt đầu bằng ba đến năm khối thể hiện các thành phần lớn. Ví dụ, sơ đồ mạng có thể gồm Internet, router, switch, máy chủ và người dùng. Sau đó dùng mũi tên để thể hiện hướng dữ liệu. Nhấp đúp vào một hình để nhập chữ; văn bản có thể nằm trong hình và di chuyển cùng đối tượng.
Bước 3: Căn chỉnh và nhóm đối tượng
Kéo chuột để chọn nhiều phần tử, sau đó căn hàng hoặc phân phối khoảng cách. Nhóm các đối tượng liên quan để di chuyển cùng nhau. Bạn cũng có thể khóa những thành phần nền nhằm tránh dịch chuyển nhầm. Với sơ đồ lớn, frame giúp chia nội dung thành từng khu vực hoặc từng trang trình bày.
Bước 4: Dùng thư viện hình có sẵn
Truy cập Excalidraw Libraries để tìm các bộ biểu tượng phục vụ kiến trúc phần mềm, AWS, Kubernetes, thiết bị mạng, giáo dục và nhiều chủ đề khác. Thư viện công khai có thể thêm trực tiếp vào trình biên tập. Hãy ưu tiên bộ hình có giấy phép rõ ràng và chỉ giữ những thành phần thường dùng để bảng thư viện không trở nên quá tải.
Bước 5: Lưu và xuất bản vẽ
Nếu cần chỉnh sửa về sau, hãy lưu file gốc .excalidraw. Nếu gửi cho người chỉ cần xem, xuất PNG/SVG hoặc tạo liên kết chỉ đọc. Khi xuất ảnh, có thể chọn nền trong suốt, thêm nền, điều chỉnh tỷ lệ và nhúng dữ liệu cảnh để một số file PNG/SVG có thể mở lại trong Excalidraw.
Các phím tắt Excalidraw hữu ích
| Thao tác | Phím tắt | Công dụng |
|---|---|---|
| Chọn đối tượng | 1 hoặc V | Quay lại công cụ chọn |
| Hình chữ nhật | 2 hoặc R | Tạo khối nội dung |
| Hình thoi | 3 hoặc D | Điểm quyết định trong flowchart |
| Hình tròn | 4 hoặc O | Tạo nút hoặc vùng nhấn mạnh |
| Mũi tên | 5 hoặc A | Nối các thành phần |
| Văn bản | 8 hoặc T | Thêm ghi chú |
| Nhân bản | Ctrl/Cmd + D | Sao chép nhanh đối tượng |
| Nhóm | Ctrl/Cmd + G | Gộp nhiều phần tử |
| Di chuyển canvas | Giữ Space và kéo | Đi tới khu vực khác |
Ứng dụng thực tế của Excalidraw
- Kỹ sư hệ thống: vẽ kiến trúc mạng, VLAN, luồng dữ liệu, mô hình triển khai và phương án xử lý sự cố.
- Lập trình viên: mô tả API, microservice, cơ sở dữ liệu, sequence diagram và luồng xác thực.
- UI/UX: tạo wireframe nhanh trước khi chuyển sang Figma hoặc công cụ thiết kế chi tiết.
- Giáo viên và học sinh: minh họa bài giảng, vẽ mind map, sơ đồ quy trình và bài tập nhóm.
- Quản lý dự án: brainstorming, retrospective, customer journey và phân rã công việc.
Nếu đang xây dựng tài liệu kỹ thuật, bạn có thể kết hợp Excalidraw với các bài hướng dẫn trên Danh Võ Blog. Chẳng hạn, một sơ đồ kết nối máy in, máy chủ và máy trạm sẽ giúp người đọc dễ theo dõi hơn khi tham khảo bài sửa lỗi 0x0000011b khi in qua mạng.
Excalidraw miễn phí và Excalidraw Plus khác nhau thế nào?
Trình biên tập tại Excalidraw.com là miễn phí và mã nguồn mở, phù hợp cho vẽ nhanh, lưu file cục bộ, cộng tác và xuất hình. Excalidraw Plus là dịch vụ thương mại bổ sung workspace đám mây, quản lý nhóm, chia sẻ nâng cao, trình chiếu và các tính năng AI. Cá nhân dùng không thường xuyên có thể bắt đầu với bản miễn phí; nhóm cần lưu trữ tập trung, phân quyền và quản lý nhiều dự án nên đánh giá gói Plus.
Excalidraw có phù hợp thay thế Draw.io, Miro hoặc Figma?
Excalidraw không cố thay thế hoàn toàn các công cụ trên. So với Draw.io, Excalidraw nhanh và tự nhiên hơn khi phác thảo, còn Draw.io phù hợp sơ đồ kỹ thuật cần mẫu và quy tắc chi tiết. So với Miro, bản miễn phí của Excalidraw gọn nhẹ và mã nguồn mở, trong khi Miro có hệ sinh thái quản trị doanh nghiệp rộng hơn. So với Figma, Excalidraw tốt cho wireframe ban đầu; Figma phù hợp thiết kế giao diện có hệ thống component và độ chính xác cao.
Dành cho lập trình viên: tích hợp Excalidraw vào ứng dụng
Excalidraw cung cấp gói React @excalidraw/excalidraw. Lập trình viên có thể cài đặt bằng npm, nhúng editor vào sản phẩm và tùy chỉnh giao diện, dữ liệu khởi tạo hoặc hành vi xuất file. Tài liệu tại docs.excalidraw.com dành cho người tích hợp và đóng góp mã nguồn. Kho GitHub chính thức cũng cung cấp mã nguồn, lịch sử phát hành và hướng dẫn phát triển.
Câu hỏi thường gặp
Excalidraw có cần cài đặt không?
Không. Bạn có thể sử dụng trực tiếp trên trình duyệt. Ứng dụng web hỗ trợ PWA và có khả năng làm việc ngoại tuyến sau khi tài nguyên cần thiết đã được tải.
Dữ liệu Excalidraw được lưu ở đâu?
Ở trình biên tập miễn phí, bản vẽ có thể được lưu trong bộ nhớ trình duyệt hoặc tải xuống thành file. Hãy chủ động sao lưu file quan trọng vì việc xóa dữ liệu trình duyệt có thể làm mất bản vẽ cục bộ.
Excalidraw có an toàn để cộng tác không?
Dự án công bố cộng tác thời gian thực có mã hóa đầu cuối. Dù vậy, không nên đặt thông tin xác thực hoặc dữ liệu tuyệt mật lên canvas, đồng thời chỉ chia sẻ liên kết phòng cho đúng người tham gia.
Có thể dùng Excalidraw để vẽ sơ đồ chuyên nghiệp không?
Có, đặc biệt với sơ đồ kiến trúc, flowchart, wireframe và tài liệu giải thích. Nếu bản vẽ cần tuân thủ tiêu chuẩn kỹ thuật nghiêm ngặt hoặc in ấn chính xác, nên hoàn thiện bằng công cụ chuyên dụng sau giai đoạn phác thảo.
Kết luận: Excalidraw là lựa chọn xuất sắc khi bạn cần biến ý tưởng thành hình ảnh thật nhanh. Công cụ miễn phí, mã nguồn mở, dễ cộng tác và xuất file linh hoạt. Phong cách vẽ tay không chỉ đẹp mắt mà còn khuyến khích mọi người tập trung vào nội dung, trao đổi và cải tiến ý tưởng.