ChatGPT可以產生流程圖嗎？用Excalidraw和ChatGPT快速搞定
面對複雜的活動企劃或行政流程時，往往不能只靠文字或口頭說明。這時，利用流程圖來視覺化資訊成為提升溝通效果的最佳解方。本文解析如何結合「ChatGPT」與「Excalidraw」，從文字、Mermaid語法到圖表，快速產製出結構清晰、專業美觀的流程圖，輕鬆應對各種工作需求。
文／賴彥廷
本文目錄（點擊可快速前往）
你是否遇過這樣的情況？同事在會議上介紹一個即將舉行的活動企劃，雖然他講得滔滔不絕，大家還是難以掌握活動全貌和階段任務。又或者，遇到報帳、請款這類較繁瑣的行政事務時，因為不熟悉流程，常常要多次詢問負責的人，耗費大量的時間。
這些讓人摸不著頭緒的狀況，往往是因為僅靠文字或口頭說明，無法讓他人迅速理解。此時若能將資訊視覺化，就能順利提升溝通效率，而「流程圖」就是職場中最常用的視覺化工具之一。
儘管流程圖常見且實用，但是想將一個活動企劃或是行政流程改寫為流程圖，卻不是一件容易的事！我們需要先在腦內消化眾多資訊，再思考如何拆解與表達，接著用手動繪圖，一來一往會耗費許多時間和精力。
如果有一款工具能將文字敘述快速轉換成簡潔明瞭的流程圖，那該有多好！
Excalidraw＋ChatGPT快速產製流程圖
「Excalidraw」是一款線上製圖工具，除了提供各式便利的圖表繪製功能，更重要的是，透過AI的輔助，可以快速將文字內容轉換成邏輯清晰的流程圖，對於展示活動企劃、產品研發、專案管理等工作的「流程」與「步驟」都非常有幫助。
接著將介紹如何運用「Excalidraw」搭配「ChatGPT」，根據各種工作需求，快速產出流程圖。
【STEP 1】快速掌握Excalidraw的使用方式
Excalidraw是一款免費開源、容易上手的圖表繪製工具，特別適合用於繪製流程圖與架構圖。無需安裝程式，在瀏覽器上開啟即可使用。
先進入Excalidraw的官方網站：https://excalidraw.com/
使用介面非常單純，畫面上空白的區域就是讓我們繪製與編輯圖表的白板，而透過畫面上方的「工作列」，即可加入文字、線條、箭號等流程圖常用的元素，也可以插入圖片輔助說明。
AI自動繪製流程圖的功能則是包含在工具列的「更多工具」功能中。開啟後，將有幾種模式可以選擇：
- 文字轉圖表：透過簡單的描述，讓AI迅速將文字轉為流程圖。
- Mermaid：Mermaid是一種專門處理圖表設計的語法，適用於流程圖、甘特圖、心智圖等圖表，Mermaid能以文字的方式清楚定義圖表內的文字、節點、連線方式等元素如何組裝，我們不必手動處理每個細節。
- 線框稿轉為程式碼：線框稿（Wireframe）是一種網頁設計或應用程式開發的草稿，用於表達產品的設計邏輯或排版架構。此功能多用於軟體研發相關的工作，此處不贅述。
實際應用時，「文字轉圖表」可以將我們口語化的敘述改寫為流程圖，便利又實用。但是根據經驗，遇到複雜的程序偶而會出現誤判（例如漏掉某個步驟）。此時改為使用「Mermaid」功能，即可精準針對需求製作流程圖。
使用Excalidraw將文字轉為流程圖
到這裡你可能會心生疑問：為了畫張流程圖還得花時間學習Mermaid語法怎麼寫，不是搬磚頭砸自己的腳嗎？
別擔心，這個問題全部交給ChatGPT！
【STEP 2】ChatGPT改寫語法
現在我們切換到ChatGPT，請它將文字轉成結構性的綱要，並用Mermaid語法規劃流程圖的細節。
為了讓ChatGPT的回答內容更加精準，可以在指令中善用兩個技巧：
- 請AI根據資料提取「流程重點」或是「關鍵步驟」。
- 限制以Mermaid語法輸出。
舉例來說，現在公司要辦理一場商業茶會，同事在會議上說明了籌備流程，我們可以將隨手寫下的內容直接丟給ChatGPT處理，輸入指令如下：
請根據以下活動說明提取流程重點，以Mermaid語法清晰呈現整個活動的流程。
活動說明：
最近公司準備推廣新型的雲端服務，總經理決定舉辦一場茶會，邀請潛在客戶參加。關於地點，我先呈報上次合作過的會議中心，如果總經理不滿意，我們再討論其他適合的地點，直到總經理說ok，再來預約，同時，也要聯繫外燴公司準備點心及茶飲。現在要分工處理茶會當天的幾個工作項目：邀請嘉賓、邀請媒體單位、預先準備新聞稿、安排支援人力。另外，在茶會結束前，大家互相提醒一下，別忘了拿出送給來賓的宣傳手冊。
ChatGPT回答：
graph TD
A [開始準備] --> B [報告會議中心選項]
B --> C {總經理是否滿意}
C --> |不滿意| D [討論其他地點]
D --> C
C --> |滿意| E [預約會議中心]
E --> F [聯繫外燴公司準備點心及茶飲]
A --> G [茶會當天準備]
G --> H [邀請嘉賓]
G --> I [邀請媒體單位]
G --> J [準備新聞稿]
G --> K [安排支援人力]
G --> L [茶會結束前確認宣傳手冊]
L --> M [活動結束]
上面的英文字母、箭號、括弧等符號就是Mermaid語法。請連帶其他文字內容，全部複製貼上到Excalidraw。
這個方法的優點是，我們不必絞盡腦汁思索該如何將文字轉為流程圖，用口語化的描述，甚至有點凌亂的隨手筆記，都能直接丟給ChatGPT，讓AI整理成清晰的架構。
【STEP 3】快速產出流程圖
接著再回到Excalidraw，開啟「Mermaid」功能，輸入上一步驟ChatGPT生成的內容後，右側「預覽」（Preview）視窗就會出現AI自動生成的流程圖，接著點選「插入」（Insert）來編輯圖表細節。
【STEP 4】調整與匯出
我們可以將AI生成的流程圖當作基礎，繼續調整內容或是進行美編。
例如，使用工具列的「繪圖」（Draw）添加手繪風格的圖案，或是用「插入圖片」（Insert Image）上傳輔助說明的照片。當然，我們也能自由切換流程圖內的文字字型、顏色、對齊方式等美編設計。
完成後，點選畫面上方的「設定」就能匯出這張精美的流程圖囉！
Excalidraw實際成果展示
所謂「一圖勝千言」，流程圖透過簡單的關鍵字、幾組線條就能說明一切。更棒的是，如今有了AI幫忙，想繪製一張專業的流程圖，彈指之間就能完成！
【升級技巧1】善用資料庫與範本功能
如果我們在工作中設計出一個獨特且實用的流程圖，希望未來還能繼續使用，只需要對著流程圖按右鍵「加入資料庫」，即可將這次的設計儲存到個人資料庫中。下次遇到同類型工作時便能直接取用。
更棒的是，我們還可以在「資料庫」裡面瀏覽各式各樣的美編素材、插畫圖樣，甚至是其他人設計的圖表模板，還能套用到自己的作品中。藉由這些資源，作品的視覺效果將會更豐富多彩。
【升級技巧2】開啟即時協作模式
如果需要與同事一邊討論一邊修改流程圖，可以點選畫面上方的「共享」按鈕，分享網址，就能立刻多人連線、共同編輯。
節錄自：商周出版《30個必學的AI行政工作術：搞定會議、行程、簡報、文書、圖表、影音、資料庫，事半功倍，準時下班！》／賴彥廷 著
更多【AI工作術】推薦給你：
