
Visual Paradigm 很高興宣佈對「VPasCode」的重大升級:支援使用基於 PlantUML 活動圖的簡單、易於人類閱讀的語法,以文字形式編輯 BPMN 業務流程圖。透過這項新功能,VPasCode 成為一個實用的「BPMN 圖形即程式碼編輯器」,適用於開發人員、業務分析師、解決方案架構師及技術團隊。您可以以文字撰寫 BPMN 流程,即時預覽圖形渲染效果,利用 AI 根據自然語言描述生成流程,並在 Visual Paradigm Desktop 中繼續以視覺化方式優化結果。
Visual Paradigm 是首家針對 BPMN 引入易於使用的圖形即程式碼語法的廠商。這種新方法讓偏好以文字進行圖形建模的人更容易上手 BPMN 建模。
試用 VPasCode 編輯器並開始以程式碼方式建立 BPMN 圖形。

為何要以程式碼方式建立 BPMN 圖形?
BPMN 廣泛用於描述業務流程、工作流、服務編排、審批、理賠處理、訂單履行及許多其他營運情境。傳統上,BPMN 圖形是透過視覺建模工具,將事件、活動、閘道與連接器放置於畫布上而建立。
視覺建模雖具價值,但並非建立或維護流程圖最快的方式。當您需要以下情況時,基於文字的方法尤其有用:
- 根據書面描述快速起草流程。
- 將圖形與原始碼及技術文件並行維護。
- 透過基於文字的差異比對檢視流程變更。
- 重複使用常見的流程模式與範本。
- 作為文件工作流程的一部分,自動生成圖形。
- 與熟悉程式碼的開發人員及技術團隊協作。
- 利用 AI 將純文字的流程描述轉換為 BPMN 圖形。
然而,現有的圖形即程式碼選項尚未提供方便且易於人類閱讀的 BPMN 描述方式。BPMN 2.0 XML 適用於機器交換與執行導向的工作流,但對人類手動撰寫與編輯而言可能較為繁瑣。另一方面,PlantUML 與 Mermaid 等流行的圖形即程式碼工具,傳統上並未提供原生的 BPMN 建模語法。
VPasCode 透過輕量級的 BPMN 語法填補了這一缺口,該語法建立在熟悉的 PlantUML 活動圖結構之上。結果是打造了一個「BPMN PlantUML 工具」,讓您能以易讀的文字表達業務流程,同時將其渲染為 BPMN 業務流程圖形。
什麼是 VPasCode?
VPasCode是 Visual Paradigm 提供的一款免費線上圖形即程式碼平台。它透過便捷的線上編輯器與即時渲染器,將基於文字的圖形定義與結構化資料轉換為視覺圖形。

VPasCode 支援廣泛的圖形與視覺化格式,包括 PlantUML、Mermaid、Graphviz、D2、Markmap、ECharts、JSON、YAML、XML、CSV、資料庫結構語言以及多種程式語言。您可以在編輯器中貼上或撰寫圖形腳本,VPasCode 會自動偵測格式並渲染結果。
其核心編輯器功能包括:
- 自動格式偵測。
- 即時圖形渲染。
- 線上文字編輯。
- 透過 URL 和 QR 碼分享圖表。
- 匯出為 SVG、PNG 和 PDF 格式。
- AI 輔助圖表生成與程式碼修改。
- AI 輔助語法錯誤修正。
- 圖表標籤的自然語言翻譯。
- 與 Visual Paradigm OpenDocs 整合。
BPMN 增強功能將現有的圖表即程式碼工作流程擴展至業務流程建模。
友善人類的 BPMN PlantUML 語法
新的 BPMN 語法基於 PlantUML 活動圖語法。這意味著任何熟悉 PlantUML 活動、決策、區段和流程控制的人都能快速理解 BPMN 圖表結構。

無需編輯龐大的 BPMN 2.0 XML 文件,您可以使用簡短、易讀的陳述來描述流程。VPasCode 隨後將文字渲染為 BPMN 業務流程圖表。
以下是保險理賠流程的範例:
@startuml
title 保險理賠流程 BPD
<style>
element { MaximumWidth 160 }
</style>
|保單持有人|
start
:<<UserTask>>
提交理賠申請;
:<<UserTask>>
上傳輔助文件;
|理賠:受理|
:<<ServiceTask>>
驗證保單保障範圍;
:<<SendTask>>
向保單持有人發送確認通知;
|理賠:評估|
:<<UserTask>>
評估理賠細節;
:<<BusinessRuleTask>>
計算理賠金額;
if (需要理賠員覆核?) then (是)
:<<UserTask>>
指派理賠員;
:<<ManualTask>>
執行現場調查;
else (否)
:<<ScriptTask>>
自動核准理賠;
endif
:<<UserTask>>
核准最終決定;
|理賠:給付|
if (理賠已核准?) then (是)
:<<ServiceTask>>
排程付款;
:<<ReceiveTask>>
接收付款確認;
else (否)
:<<SendTask>>
通知保單持有人遭拒;
endif
:<<SendTask>>
發送結案通知;
|保單持有人|
:<<ReceiveTask>>
接收結案款項;
stop
@enduml 流程由保單持有人提交理賠申請並上傳輔助文件開始。理賠團隊驗證保單保障範圍、評估理賠申請、決定是否需要理賠員覆核,並排程付款或通知保單持有人遭拒。
雖然原始來源是文字,但渲染結果是 BPMN 風格的業務流程圖表,以視覺方式傳達工作流程。
在文字中定義 BPMN 任務類型
在 BPMN 中,活動可代表不同類型的工作。使用者任務可能需要人員完成某項活動,而服務任務則可由自動化服務執行。VPasCode 讓您使用簡單的類型標記直接在文字中識別任務類型。
例如:
:<<UserTask>>
提交理賠申請;
第一行將 BPMN 活動識別為使用者任務。下一行提供任務名稱,提交理賠申請.
此語法支援以下 BPMN 任務類型:
使用者任務服務任務手動任務腳本任務業務規則任務發送任務接收任務
這使流程圖比一般的活動清單具有更豐富的語義含義。讀者可以直接從渲染後的 BPMN 圖中區分人類工作、自動化服務、手動活動、業務規則評估、訊息發送和訊息接收。
使用熟悉的活動圖語法表示 BPMN 閘道
業務流程通常包含決策和替代路徑。在 VPasCode BPMN 語法中,條件分支可以使用 PlantUML 風格的語法書寫if 和 endif 語句。
例如:
if (需要理賠員覆核?) then (是)
:<<UserTask>>
指派理賠員;
:<<ManualTask>>
執行現場調查;
else (否)
:<<ScriptTask>>
自動核准理賠;
endif
這描述了一個排他性決策:如果需要理賠員覆核,流程將遵循調查路徑;否則,理賠將自動核准。
VPasCode 支援以下閘道類型:
- 排他性閘道
- 平行閘道
- 包容性閘道
- 基於事件的閘道
- 複雜閘道
使用文字表示閘道,可以輕鬆地新增、移除或重新組織分支。在檢視視覺化呈現之前,您還可以以熟悉的由上而下格式審查流程邏輯。
使用父子名稱建立 BPMN 池與泳道模型
泳道有助於顯示業務流程中每個步驟的負責人。一個流程可能包含一個代表組織的池,其中的泳道則代表該組織內的部門、團隊、系統或角色。
由於 PlantUML 活動圖原生不支援嵌套的池與泳道,VPasCode 使用冒號分隔符來表示父子泳道關係。
|Claims:Intake|
在此範例中,Claims 是父池,而 Intake是子泳道。同樣地:
|索賠:評估|
|索賠:賠付|
此記號提供了一種簡潔的方式來描述組織責任,同時保留了熟悉的 PlantUML 區分語法。它特別適用於涉及多個部門、團隊或功能領域的流程。
使用 AI 生成 BPMN 圖表
您無需手動編寫整個 BPMN 腳本。VPasCode 內建 AI 圖表生成功能,可根據自然語言提示生成 BPMN 業務流程圖。
要生成 BPMN 圖表:
- 開啟「VPasCode 編輯器.
- 點擊「AI 生成」在頂部工具列。

- 輸入流程描述,例如「保險索賠流程的 BPMN 圖表.

- 點擊「AI 生成」按鈕。
- 檢視生成的 BPMN 程式碼與渲染後的圖表。

- 修改文字或要求 AI 優化流程。
AI 生成的結果可作為工作坊、需求分析、系統設計、技術文件及流程改善計畫的有用起點。接著您可檢視原始碼、調整任務類型、重新命名泳道、新增決策分支,並優化流程結構。
VPasCode 亦提供 AI 輔助的程式碼修改與錯誤修復功能。若您需新增核准步驟、引入平行分支、簡化流程或修正語法問題,可使用自然語言指令,並在套用前檢視所提出的變更。
為何新的 BPMN 圖表即程式碼工作流程具有實用性
更快速的流程草稿撰寫
在流程分析的初期階段,使用文字通常比拖曳和定位圖形更快。您可以從工作順序、決策與責任開始,然後讓 VPasCode 自動渲染視覺結果。
可讀性高的原始碼
語法設計為人類可理解。任務類型、任務名稱、分支與泳道直接顯示在原始碼中,使流程更易於閱讀與審查。
更易於維護
業務流程經常變動。基於文字的 BPMN 圖表可透過編輯任務名稱、插入新活動、修改條件或新增泳道來更新。您無需每次變更後都手動重新排列畫布上的每個元素。
促進業務團隊與技術團隊之間更佳的協作
業務分析人員可以以結構化格式描述流程邏輯,而開發人員和架構師則可以使用他們感到熟悉的語法進行工作。渲染後的圖表為偏好圖表而非程式碼的利害關係人提供了一層視覺溝通介面。
利於版本控制的圖表
由於圖表以文字形式呈現,因此可與專案檔案及文件一同儲存。團隊可以比使用二進位圖表檔案更容易地比較修訂版本、檢視變更,並追蹤流程的演變。
更高效的文件製作
基於文字的圖表可成為可重複使用的文件工作流程的一部分。流程定義只需更新一次,即可在每次重新生成文件時自動渲染為圖表。
自然語言轉 BPMN 生成
AI 功能可協助將初步的流程描述轉換為結構化的 BPMN 圖表。這能減少建立初稿所需的時間,並協助團隊探索替代的流程設計方案。
從 BPMN 文字到圖表,再回到視覺化精修
VPasCode 旨在結合基於文字的建模速度與視覺建模的清晰度及精確性。您可以在 VPasCode 中從 BPMN 文字生成圖表開始,檢視渲染後的 BPD,然後利用 Visual Paradigm 更廣泛的建模環境繼續精修模型。
當流程準備好進行更深入的視覺建模時,您可以將圖表傳送至 Visual Paradigm 桌面版。這使您能夠在完整的桌面建模環境中繼續處理流程,並進行進一步的視覺化精修。
您也可以將圖表傳送至 OpenDocs,當您準備建立或擴充技術文件時。這使得從輕量級的 BPMN 圖表即程式碼工作流程,過渡到更完整的文件製作流程成為可能,而無需手動重新建立圖表。
因此,此工作流程可支援專案的不同階段:
- 以自然語言描述流程。
- 使用 AI 生成初步的 BPMN 圖表。
- 在 VPasCode 中編輯 BPMN 原始碼。
- 檢視即時渲染的圖表。
- 分享或匯出圖表。
- 將其傳送至 OpenDocs 以製作文件。
- 將其傳送至 Visual Paradigm 桌面版,以進行深入的視覺模型精修。
用於現代建模工作流程的 BPMN PlantUML 工具
VPasCode 並非旨在取代所有形式的視覺化 BPMN 建模。相反,它提供了一種補充方式來建立和維護業務流程圖表。新的 BPMN 支援對於已經使用 PlantUML 風格文字、開發者導向工作流程、AI 輔助建模,或從原始檔生成文件的團隊尤為有用。
作為 BPMN PlantUML 工具,VPasCode 結合了多項優勢:
- PlantUML 活動圖的簡潔結構。
- BPMN 的語義化任務與閘道類型。
- 易讀的基於文字的原始碼。
- 即時 BPMN 渲染。
- AI 輔助的 BPMN 生成與修改。
- 與文件及桌面建模工具的整合。
這使得 VPasCode 成為任何尋找 BPMN 圖形即程式碼編輯器,或尋求實用方式建立 BPD PlantUML 圖形之人士的理想選擇。
誰能從 VPasCode 的 BPMN 支援中受益?
此新功能可協助廣泛的用戶群體:
- 業務分析師:快速草擬並溝通業務流程。
- 開發人員:將流程圖與原始碼及技術文件保持緊密關聯。
- 解決方案架構師:描述服務互動、職責與決策邏輯。
- 流程負責人:以結構化且易於維護的格式記錄運作工作流。
- 技術撰寫人員:為系統與流程文件生成圖形。
- 顧問:建立可重用的流程範本與工作坊圖形。
- 學生與學習者:嘗試 BPMN 概念,無需手動定位每個形狀。
開始以程式碼方式建立 BPMN 圖形
憑藉其新增的 BPMN 支援,VPasCode 提供了一種更簡便的方式,將流程構想轉化為視覺化的業務流程圖。您可以使用清晰且受 PlantUML 啟發的語法撰寫 BPMN,即時渲染圖形,利用 AI 生成初稿,並在 Visual Paradigm Desktop 或 OpenDocs 中持續優化結果。
Visual Paradigm 自豪地推出首個專為 BPMN 設計的友善圖形即程式碼語法。無論您是記錄保險理賠流程、建模核準工作流、描述服務編排,或是探索新的作業程序,VPasCode 都能讓基於文字的 BPMN 建模變得平易近人且實用。




