draw.io là một tool dùng trên browser để vẽ flowchart, process diagram, sơ đồ tổ chức, UML diagram, ER model, network diagram... Các diagram đã tạo ra thì có thể save thành file xml, cũng có thể liên kết với GitHub
Line
Mũi tên
- Ở menu bên phải có thể tùy chỉnh type của mũi tên
Thêm Label vào Line
- Double click một điểm bất kì trên Line thì có thể thêm label
Đồng thời copy shape và thêm mũi tên(Alt + Shift + +)
Đồng thời copy shape và thêm mũi tên(ctrl + drag)
Kết nối shape
- Nhấn giữ Ctrl + Shift và kéo line để kết nối các shape. Ngoài ra nhấn giữ Shift và kéo line thì sẽ bỏ qua điểm tiếp xúc giữa 2 shape
Đường gấp khúc
Shape/Hình
Cut hình ảnh
- Cut hình ảnh theo kiểu hình tròn, hình vuông
Thay thế shape (Shift + click)
- Dùng để thay thế 1 shape đã tạo từ trước
Các shape khác
- Thêm các shape khác cho phù hợp với yêu cầu
Sơ đồ hệ thống
- Tự động điều chỉnh sơ đồ hệ thống mà vẫn giữ được các mối liên kết giữa các shape
Placeholders
- Với những điều kiện nhất định thì các chuỗi ký tự có thể tự động sắp xếp lại
- Link tham khảo
Thay đổi size mà vẫn giữ đúng tỉ lệ
- Có thể cố định thông qua menu bê phải nhưng có thể ấn giữ Cmd(Mac) hoặc Ctrl(Windows) để thay đổi size
Thêm group vào trong Scratchpad
- Có thể thêm shape vào trong scratchpad bên trái
Đổi shape sang style comic
Flowchart
- Link tham khảo
- Trong link trên có các template sẵn có thể tham khảo dùng
Setting, các thao tác khác
Zoom in-out (Alt or Option) + Mouse
- Nhấn giữ Alt hoặc Option và dùng con lăn của chuột
- Ngoài ra có thể dùng Ctrl + và Ctrl + 0
Dark mode
Thay đổi font
- Có thể save rồi share bằng phương thức json
- Link tham khảo
PlantUML
- Có thể import PlantUML và vẽ.
- Link tham khảo
Ruler
Tạo link
- Tạo link để share cho người khác
Chèn HTML
Import file CSV
- Sử dụng tool này và liên kết draw.oi với Google Spreadsheets. nội dung sẽ được tự động update
- Link tham khảo
Plugin
Tạo animation cho line
- Sử dụng plugin Flow
- Link tham khảo
Tạo ERD bằng cách inset SQL
- Sử dụng plugin SQL để tạo ERD thông qua hàm CREATE