Excaliflow 新增多畫布與自動儲存：把 AI 代理流程圖變成可比較的動態說明
Excaliflow 新增多畫布分頁與瀏覽器自動儲存。說明如何比較 AI 架構、用動態箭頭表達順序，以及 PNG、WebM 與可編輯檔案的差別，避免把流程圖當成實際執行結果。
Excaliflow 新增多畫布分頁與自動儲存，讓同一份系統說明可以保留不同版本。這則 X 更新也附上實際操作影片，而非只有功能清單。
這個開源工具把手繪風格流程圖與動態箭頭放在一起。對講解 AI 代理的人，箭頭會流動，比較容易說明資料先到哪裡、之後又交給誰。
不過，流程圖仍是溝通材料。就算箭頭看起來運作順暢，也不能證明後端真的有檢查、重試或人工確認。
新功能比較實際的用途，是把原方案和修改方案並排保留。團隊可以先比較新增哪個步驟，再決定是否值得改程式。
如果工作是簡報、教學或架構討論，Excaliflow 值得從一張短流程開始試。若需要直接執行自動化，則要另外選擇真正的工作流程平台。
Excaliflow 這次新增的功能解決什麼？
多畫布把方案從一張圖裡拆開，減少反覆覆蓋造成的混淆。作者在 X 公布的更新包括分頁與自動儲存，讓同一個工具內可以保留數張圖，切換查看不同架構。
依 專案原始說明，使用者可以新增、複製與重新命名畫布，也能透過底部分頁或上方切換器移動。這些操作讓比較方案不用再擠在同一張大畫布。
Excaliflow 本身是手繪風格流程圖工具，提供方框、圓形、判斷菱形與便利貼，並加入會流動的箭頭。因為畫面可以保留圖形關係，又能表達移動方向，所以適合用來說明 AI 代理的工作流程。
作者還表示，這次功能是在 Antigravity 裡使用 Gemini 4 Argon，於一個工作階段完成。這是作者對開發過程的描述，不能視為每個人都能用相同時間完成同樣修改的保證。
值得讀者關心的是更新後能做什麼。例如原本要比較「先找資料再回答」與「先確認問題再找資料」兩種流程，可以各留一張圖，讓差異容易被指出。
但這個工具呈現的是圖，不會因為箭頭動起來，就自動替你建立搜尋、呼叫模型或人工審批。版本可以保留後，畫圖前就要先定義兩個方案差在哪裡。
多畫布怎麼幫助比較兩種 AI 架構？
比較圖要先固定同一個問題，否則不同畫面很難比較。若一張圖在談客服回覆，另一張圖改成行銷內容生成，就算排版相同，也無法看出架構取捨。
可以先複製原圖，只修改一個關鍵位置。例如原方案由模型直接回答，新方案在輸出前加入資料檢查。因為其他部分維持一致，讀者就能看出增加的步驟與責任。
畫布名稱也要讓人知道差異。用「目前流程」和「加入查核」通常比「方案一」和「方案二」更清楚，尤其把圖交給沒有參與討論的人時，名稱就成了第一個入口。
接著把兩張圖的起點與終點固定。起點可以是收到使用者問題，終點是取得可用答案。如果兩張圖的終點不同，就要先解釋為什麼比較仍有意義。
每個方框最好描述一個角色或動作。例如「找來源」「檢查日期」「回覆使用者」，會比把數個服務名稱塞進同一個節點，更容易看懂資料要去哪裡。
對 AI 代理流程，還可以特別標示人工決定的位置。像是「確認是否寄出」應和模型產生草稿分開，因為兩者的責任不同，不能只用一條順暢的箭頭把它們合併。
圖畫完之後，請同事用自己的話講一次差異。如果對方只記得新方案比較複雜，卻說不出為什麼多一個步驟，就要回頭調整節點名稱與說明。
比較內容確定後，動態箭頭才有明確的說明任務。
動畫箭頭應該表達順序還是速度？
箭頭動態應交代方向與順序，速度不能被誤讀成實際效能。因為簡報中的流動速度是視覺設定，若沒有真實量測，就不應把它當成模型回應時間或系統吞吐量。
例如資料從問題進入搜尋，再到模型回覆，動畫可以幫助觀眾跟著順序走。若要表達同時進行的工作，則可以用分支，但應另行說明結果在哪裡匯合。
工具提供不同流動樣式，像是脈衝、虛線流與亮點。選擇時先看目的，如果每種線都代表不同事情，才使用不同樣式，避免為了漂亮增加觀眾需要記憶的規則。
顏色也應有穩定意義。可以讓資料處理用同一色、人工決定用另一色，並在圖旁放簡短說明。這樣觀眾切到另一張畫布時，不必重新猜顏色代表什麼。
如果流程有失敗路徑，也要畫出來。像是找不到來源時回到補充問題，而不是讓所有箭頭都通向成功，才能讓討論更接近實際系統需要的設計。
動態圖還需要一張靜止時能讀懂的版本。因為讀者可能只看到封面、截圖或列印資料，所以節點標籤與箭頭方向應足以交代基本關係。
簡報播放時，可以先用靜態圖說明角色，再開啟動態帶過一次流程。這能減少觀眾同時讀文字和追光點的負擔，也讓動畫有清楚的出場目的。
方向看懂之後，還要讓接手的人能拿到可編輯檔案。
自動儲存、圖片與影片匯出有什麼差別？
瀏覽器自動儲存方便續畫，另外匯出檔案才方便搬移與交付。專案說明把畫布自動保存在瀏覽器，因此不能把它直接理解成團隊雲端備份或跨裝置同步。
如果換一台電腦、換瀏覽器或清除網站資料，原本的工作環境就不同了。為了讓交付不依賴同一個瀏覽器，完成一段討論後應保存可編輯檔案。
官方 README 列出 .excaliflow 與 .excalidraw JSON 檔案的儲存與載入。JSON 可以先理解成結構化資料檔，裡面保存圖形、文字與關係，方便之後重新開啟修改。
PNG 圖片則比較適合放進文章、文件或靜態簡報。它容易分享，但通常無法像原始畫布那樣直接移動節點，所以不應成為唯一保留的版本。
影片匯出可以用來展示流動順序。專案說明列出錄製 WebM 迴圈影片，使用時要先確認接收平台能否播放該格式，尤其要放進不同簡報軟體或網站時。
下面把幾種交付形式放在一起，便於選擇。
| 保存形式 | 適合用途 | 接手時要留意 |
|---|---|---|
| 瀏覽器自動儲存 | 同一環境繼續工作 | 不應當成跨裝置備份 |
| 可編輯資料檔 | 修改、交接與版本保留 | 附上工具與版本說明 |
| PNG 圖片 | 文件與靜態簡報 | 文字在縮小後仍需可讀 |
| WebM 影片 | 展示方向和先後順序 | 確認播放與嵌入支援 |
表格裡各種形式可以一起保留。最實用的組合通常是可編輯檔配靜態圖，若動態能增加理解，再附一段短影片，讓接手的人有選擇。
保存方式確定後，就能把一張圖整理成完整交付物。
怎麼做一張別人看得懂又能修改的 AI 流程圖？
一張圖的完成標準，是別人能說出資料與責任怎麼流動。這和圖形是否整齊不同，所以交付前最好請沒參與製作的人，指出起點、決定點與結果。
先在圖外寫一句用途，例如「比較客服回答前是否加入來源查核」。這句話能限制內容，讓你知道哪些節點有必要，哪些只是想把所有研究資料放進去。
接著控制文字長度。方框負責讓人快速辨認工作，詳細條件可以放在圖旁說明，避免每個節點都像一段規格文件，縮小後只剩一片小字。
箭頭交叉太多時，先調整角色與步驟順序，再考慮更複雜的配色。因為交叉常常反映工作被塞進同一層，單靠顏色可能只是把混亂畫得更鮮明。
圖中如果有外部服務，請標示它在這個流程做什麼。讀者可能不知道某個供應商名稱，但可以理解「查詢商品資料」或「送出付款」，角色清楚後再補品牌就夠了。
也要區分已實作與提案。可以在圖標題或圖說交代這是現有系統、計畫中的流程，還是教學示意，因為同一張漂亮架構圖很容易被讀者視為已經上線的功能。
檔名最好包含用途與版本，例如「客服查核方案二」，並附一段這次改了什麼。這讓同事下次修改時，不必猜哪份才是最近的決定。
最後分別用桌面與手機尺寸打開匯出圖。若手機上看不清節點，先刪減細節或拆成兩張，因為大畫布能容納更多內容，不代表讀者也能一次理解。
延伸閱讀：Figma Specs 開放 Beta：把 Markdown、設計與 AI 代理接成共同規格
若要交給代理接續實作，可以在圖旁補上每個節點的輸入和輸出。像是搜尋節點需要問題與日期範圍，輸出來源清單，這比只畫一個「搜尋」方框更能減少猜測。
實作完成後，再把真實流程與原圖對照。若開發過程改了步驟，也要更新圖或保留差異說明，因為過期的架構圖會讓新加入的人沿著錯誤路徑理解系統。
Excaliflow 適合放進哪一段工作？
它比較適合討論、教學與方案交接。對需要說明代理分工的人，多畫布能保留不同版本，動態箭頭則能帶出順序，兩者都能降低口頭解釋的負擔。
若你的目標是讓流程自動執行，則需要另外建立程式、權限與錯誤處理。流程圖可以先對齊設計，再交給開發者或代理實作，但不能直接當成執行紀錄。
這個專案的 README 表示，它可用單一 HTML 檔執行，也可透過附帶的本機伺服器開啟。對想先探索功能的人，這提供了較小的開始範圍，不必先建一套完整服務。
不過，開源也意味著你可以查看原始內容，應先核對來源與版本再使用。若是團隊正式採用，還要把檔案保存、軟體授權與素材字型的使用方式放進既有工作規範。
第一張圖可以只畫一個問題如何進入系統、由誰處理、最後怎麼回覆。等同事能讀懂這張短圖，再增加重試、分工與人工確認，通常比一開始畫完整平台更有用。
下一次要介紹 AI 系統時，可以先讓別人看靜態圖，再看動態版本。如果動態確實幫助理解方向，就把它留在交付裡，讓工具的新增功能對應到具體溝通成果。
延伸閱讀：Claude Code UI 設計工具怎麼選？10 個 GitHub 專案逐項查核與分工指南
Excaliflow 常見問題
它和 Excalidraw 是同一個官方產品嗎？
Excaliflow 是獨立的開源專案，說明中採用手繪風格與相容檔案形式。不能因為名稱相近，就把它稱為 Excalidraw 官方更新。
自動儲存代表會同步到雲端嗎？
專案說明的是儲存在瀏覽器。交付或換裝置之前，仍應另外匯出可編輯檔案。
動態圖可以顯示真實系統速度嗎？
沒有串接量測資料時，動畫只是示意。需要呈現效能，應另外標示數據來源、測試條件與時間單位。
可以拿來自動執行 AI 代理嗎？
它主要負責畫圖與展示流程。執行代理、呼叫外部服務與處理權限，仍需要另外實作。
最值得先試哪個新功能？
先複製一張既有流程，建立一個只有單一差異的新方案。比較兩張圖能否幫同事更快做決定，就是多畫布最直接的用途。
