Vẽ sơ đồ bằng Figma... hơi "tốn lúa"
Nếu bạn từng dùng Figma hay FigJam để vẽ sơ đồ quy trình, chắc hẳn bạn biết:
- Chi phí: FigJam Pro từ $5/editor/tháng, Figma còn đắt hơn
- Learning curve: Phải học cách dùng tool, kéo thả, căn chỉnh
- Không tích hợp: Sơ đồ nằm riêng, tài liệu nằm riêng
Giờ đây, có một giải pháp miễn phí và tích hợp sẵn trong Lark Docs mà ít người biết: PlantUML to Board.
PlantUML là gì?
PlantUML là ngôn ngữ mô tả sơ đồ bằng text. Thay vì kéo thả, bạn viết code đơn giản và tool sẽ tự động render thành hình ảnh.
Ưu điểm của PlantUML:
- Viết nhanh hơn kéo thả
- Version control được (lưu trong Git)
- AI có thể generate tự động
- Dễ chỉnh sửa, copy-paste
Ví dụ đơn giản
@startuml
Alice -> Bob: Xin chào!
Bob --> Alice: Chào bạn!
@enduml
Chỉ 4 dòng code, bạn đã có sequence diagram!
Lark Docs + PlantUML = Magic
Đây là tính năng mới của Lark Docs mà tôi vừa phát hiện:
- Paste code PlantUML vào Lark Docs
- Tự động convert thành Board diagram
- Tương tác như FigJam: kéo thả, chỉnh sửa, thêm ghi chú
- Hoàn toàn miễn phí
Kết quả: Sơ đồ tương tác y như FigJam, nhưng không tốn đồng nào!
Hướng dẫn sử dụng
Mở Lark Docs
Tạo document mới hoặc mở document có sẵn trong Lark Docs.
Thêm Code Block
Gõ /code để thêm code block, chọn ngôn ngữ PlantUML.
Paste code PlantUML
Dán code PlantUML vào. Ví dụ:
@startuml
title Quy trình Onboarding Nhân viên
actor "HR" as hr
actor "Nhân viên mới" as nv
participant "Lark Approval" as approval
participant "IT Setup" as it
hr -> approval: Tạo yêu cầu onboarding
approval -> it: Trigger setup tài khoản
it -> nv: Gửi thông tin đăng nhập
nv -> hr: Xác nhận hoàn thành
@enduml
Convert to Board
Click vào icon Convert to Board để chuyển thành sơ đồ tương tác.
Ví dụ thực tế: AI Agent Architecture
Đây là sơ đồ kiến trúc AI Agent mà tôi vẽ hoàn toàn bằng PlantUML:
@startuml
title AgentKit - Luồng Kiến Trúc Tổng Quan
actor User
participant "Chat UI\n(ChatKit embed)" as ChatUI
participant "Agent Builder\n(Workflow logic)" as Builder
participant "MCP Tools\n(API, Database, Services)" as Tools
participant "Models\n(GPT-5 / o4-mini)" as Model
participant "Evals\n(Đánh giá & tối ưu)" as Eval
User -> ChatUI: Nhập câu hỏi / yêu cầu
ChatUI -> Builder: Gửi context & message
Builder -> Model: Gọi mô hình xử lý logic
Model -> Tools: Thực hiện tool calling / truy xuất dữ liệu
Tools --> Model: Trả kết quả từ API / DB
Model --> Builder: Kết quả reasoning + structured output
Builder --> ChatUI: Render UI (widget, văn bản, biểu đồ)
ChatUI --> User: Hiển thị kết quả
== Vòng phản hồi (Eval) ==
Builder -> Eval: Gửi trace (log + kết quả)
Eval -> Model: Gợi ý prompt / cải thiện hành vi
Eval --> Builder: Cập nhật workflow hoặc prompt mới
@enduml
Kết quả sau khi convert: Xem sơ đồ tương tác↗
Các loại sơ đồ PlantUML hỗ trợ
| Loại sơ đồ | Ứng dụng |
|---|---|
| Sequence Diagram | Luồng xử lý, API calls, chat flow |
| Activity Diagram | Quy trình làm việc, workflow |
| Use Case Diagram | Phân tích yêu cầu, user stories |
| Class Diagram | Thiết kế hệ thống, database schema |
| State Diagram | Trạng thái đơn hàng, ticket status |
| Component Diagram | Kiến trúc hệ thống, microservices |
Mẹo: Dùng AI để generate PlantUML
Một trick hay là dùng ChatGPT hoặc Claude để generate code PlantUML:
"Hãy vẽ sequence diagram cho quy trình tuyển dụng từ khi nhận CV đến khi onboard nhân viên mới, sử dụng PlantUML"
AI sẽ output code PlantUML, bạn chỉ cần copy-paste vào Lark Docs!
Lưu ý: Nên review lại sơ đồ AI generate để đảm bảo logic đúng với quy trình thực tế của công ty bạn.
So sánh với các tool khác
| Tiêu chí | Lark Docs + PlantUML | FigJam | Miro |
|---|---|---|---|
| Chi phí | Miễn phí | $5+/tháng | $8+/tháng |
| Tích hợp docs | Có sẵn | Không | Không |
| AI generate | Dễ dàng | Khó | Khó |
| Version control | Có (text-based) | Không | Không |
| Collaboration | Real-time | Real-time | Real-time |
Kết luận
Lark Docs + PlantUML là combo mạnh mẽ cho việc:
- Mô tả quy trình HR, Sales, Operations
- Thiết kế automation workflow, n8n flows
- Document AI agent architecture, tool calling
- Vẽ luồng phỏng vấn interview process
Từ giờ, mình chính thức "chốt đơn": Lark = quản lý quy trình + biểu đồ + automation + nội dung, tất cả trong một nền tảng.
Nếu bạn muốn build quy trình Lark (HR, CRM, AI workflow) hay cần demo, hãy liên hệ với tôi.
Từ giờ không cần tốn tiền Figma nữa!
Bài viết hữu ích?
Chia sẻ để nhiều người biết đến!
>_ LLM-Friendly Copy
Copy as Markdown to use with ChatGPT, Claude, or other AI tools
