← 返回功能頁
系統架構圖
ENGINEERING ap-diagrams Draw.io CLI
系統架構圖
自動繪製
描述架構 → AI 版面配置 → 匯出 SVG/PNG
① 以自然語言描述 ② Agent 構建 draw.io 圖形 ③ 匯出 SVG/PNG/PDF
// Agent 工作階段日誌
U
"繪製微服務架構：API 閘道 → 認證、使用者、訂單服務。訂單服務連接支付和通知服務。所有服務共享 Redis 快取。"
AP
// 規劃執行順序
- → 建立微服務圖範本
- → 新增 6 個含圖示的服務節點
- → 使用方向箭頭連接各節點
- → 新增 Redis 快取作為共享基礎架構層
- → 套用深色主題，匯出 SVG + PNG
agentputer — ap-diagrams executor
$ ap-diagrams new --type microservice --theme dark
✓ Diagram initialized with microservice template
$ ap-diagrams add node --labels "Auth,User,Order" --row 2 --spacing 200
✓ 3 service nodes auto-positioned in row 2
$ ap-diagrams connect "API Gateway" --to "Auth,User,Order" --style arrow
✓ 3 connections wired with directional arrows
$ ap-diagrams export --svg --png --fit-page
✓ Exported: microservice-arch.svg + microservice-arch.png
elapsed: 31s
📐microservice-arch.svgVector editable
// 此情境支援的功能
☁️
雲端圖示庫
內建 AWS、GCP、Azure 和 Kubernetes 圖示集。
🔗
智慧自動路由
連接線自動繞過節點。
📊
多種圖表類型
微服務、ER、網路拓撲、時序、UML、C4 模型全支援。
🎨
深色 & 淺色主題
專業圖表主題。
📄
從程式碼/Schema 生成
直接從 SQL Schema 檔案自動生成 ER 圖。
✏️
可編輯的 SVG 輸出
標準 SVG，可在任何向量工具中開啟編輯。