本系列從實務上的流程圖痛點出發,探討需求反覆變動時,Mermaid、draw.io 手動繪圖與 AI 產圖各自面臨的限制。接著導入 draw.io MCP,搭配結構化需求文件、繪圖規格與 Skill,逐步建立一套可重複使用的 AI 繪圖工作流。全系列將以同一案例進行產圖、局部修改與不同圖表實測,不只展示 AI 能否畫圖,也著重於如何讓產出更穩定、可控且便於維護。
「畫得出來」,不代表「能拿來工作」 近幾年,只要把需求交給 AI,幾乎都能得到相對應不錯的產出,畫流程圖當然也不例外。第一次看見 AI 能快速完成一張圖時,確實...
畫流程圖真正花時間的地方,通常不在第一次畫,而在後面的每一次改。 需求很少一次就定案 每當提出新需求,或既有功能需要調整時,通常需要與 BU 經過多次討論,逐步...
使用 Mermaid 時,我發現版面很難依照預期精確調整。再加上流程圖需要提供給團隊成員與 BU 共同檢視及討論,因此最後仍回到較熟悉的 draw.io。dra...
前三天整理了使用 Mermaid、draw.io 與 AI 繪製流程圖時遇到的問題。從今天開始,我會帶入一個案例,作為後續產圖、修改與建立工作流時共同使用的示範...
昨天介紹的退貨案例中,AI 智慧客服需要查詢會員訂單,並建立退貨單與退款申請。這些資料來自訂單系統與金流系統,AI 無法只靠對話內容取得,更不能自行假設查詢結果...
前面提到,直接請 AI 產生 draw.io 圖檔時,通常還要下載檔案,再開啟 draw.io 匯入及檢查。draw.io MCP Tool Server 則把...
昨天介紹的 MCP Tool Server,可以讓 AI 產圖後直接開啟 draw.io。不過,這只是官方專案提供的其中一種做法,依照工作環境與圖表呈現位置,還...
昨天整理了 draw.io 官方提供的四種 AI 整合方式。從今天開始,我會依序實測這四種方式,每種方式分成上下兩篇:上篇說明運作方式與設定步驟,下篇再用相同的...
昨天已經把 draw.io 官方託管的 MCP App Server,以自訂 Connector 的方式加入 Claude.ai。今天接著實際產圖,檢查圖表在對...
昨天在 Claude.ai 完成了 MCP App Server 的設定與產圖測試,也看到圖表如何直接顯示在對話中。今天接著介紹第二種做法:MCP Tool S...