用 ChatGPT+PlantUML 打造高效流程圖,從編碼到美化一步到位!
「你是否曾需要快速製作專業的流程圖,卻被繁瑣的設計步驟卡住?今天,我將教你如何用 ChatGPT 生成 PlantUML 代碼,再通過 PlantUML 工具網站轉換為 SVG 圖片,最終在 Illustrator 中完成精美的設計。」
2. 準備工具
ChatGPT:用來生成 PlantUML 代碼。
PlantUML 編輯器網站:如 PlantUML Editor。
Adobe Illustrator:進行最終的著色與修改。
3. 使用 ChatGPT 生成 PlantUML 代碼
以「組裝電腦的流程」為例,輸入如下需求給 ChatGPT:
「請幫我生成一個組裝電腦流程的 PlantUML 代碼,包括安裝 CPU、記憶體、顯卡,接著連接電源與外接設備。」
ChatGPT 會輸出以下代碼:
@startuml
title 組裝電腦流程
start
:確認所需零件 (CPU、記憶體、顯卡等);
:準備工具 (螺絲起子、靜電手環);
if (確認零件是否齊全?) then (是)
:安裝 CPU;
:安裝記憶體;
:安裝顯卡;
else (否)
:購買缺失零件;
stop
endif
:連接電源供應器;
:連接外接設備 (顯示器、鍵盤、滑鼠);
:開機測試;
if (測試成功?) then (是)
:完成組裝;
else (否)
:排查問題並重新測試;
endif
stop
@enduml
4. 將代碼輸入 PlantUML 網站生成 SVG 圖片
打開 PlantUML Editor。
將上方的 PlantUML 代碼粘貼到左側輸入框。
點擊「Generate」按鈕,即可在右側看到生成的流程圖。
點擊「Download」下載 SVG 圖片。
5. 進入 Illustrator 進行著色與美化
將 SVG 圖片導入 Adobe Illustrator。
根據需求對流程圖的顏色、字體、線條進行調整,例如:
修改主題色彩:CPU 模塊可用亮紅色,記憶體模塊用藍色。
增加陰影與立體感:讓流程圖更具吸引力。
添加圖示或小插畫:增強可讀性與趣味性。
6. 完成與展示
將經過美化的圖示嵌入到簡報或文件中,並總結流程的優點,如快速高效、便於修改等。