Nothing close enough? Start from a blank block diagram → Describe it in one paragraph.
How to
How to use a block diagram template.
- 01描述系統元件
列出主要服務或層級：「繪製包含 API gateway、user service、order service 與 PostgreSQL database 的微服務架構」。
- 02指定通訊方式
說明服務是透過 REST、gRPC 或訊息佇列通訊。AI 會在箭頭上標示通訊協定。
- 03分組為區域或層級
要求「將前端、後端與資料層分組到不同泳道」，呈現更清楚的 N-tier 架構。
- 04加入外部整合
提及第三方服務，例如 Stripe、SendGrid、S3，AI 會將它們放在系統邊界外，並建立標示清楚的連線。
- 05匯出供文件使用
將方塊圖下載為 PNG 或 SVG，嵌入 README、Confluence 頁面或架構決策紀錄（ADR）。
FAQ
Questions about block diagram templates
方塊圖與 UML 元件圖有何不同？
方塊圖使用簡單的標示矩形與箭頭呈現系統結構，較為非正式且製作快速。UML 元件圖則遵循 UML 標記法，使用構造型與介面連接器。ChatDiagram 會產生方塊圖；若需要嚴格遵循 UML，請使用元件圖選項。
可以在同一張圖中呈現同步與非同步通訊嗎？
可以。請要求 AI 使用實線箭頭表示同步 REST/gRPC 呼叫，使用虛線箭頭表示非同步事件／佇列訊息。
如何在新微服務旁呈現單體應用程式？
描述絞殺者榕樹模式：「顯示舊版單體應用程式方塊，並從中拆出新的身分驗證微服務」。AI 會加入虛線拆分邊界。
這適合用於雲端架構（AWS、GCP、Azure）嗎？
可以。說明雲端供應商與服務（例如「AWS ALB、ECS cluster、RDS Aurora」），ChatDiagram 會以服務名稱標示各方塊。若需要官方 AWS 圖示集，請匯出後再使用偏好的工具疊加。