簡介
在現代軟體工程快速變化的世界中，文件往往難以跟上開發進度。圖形即程式碼（DaC）方法已成為一種強大的解決方案，讓團隊能將圖形視為原始程式碼——可進行版本控制、可重複生成且精確。這場革命的前沿正是VPasCode，Visual Paradigm 推出的統一瀏覽器平台，支援 PlantUML、Mermaid 和 Graphviz 等產業標準語法。
雖然撰寫程式碼來生成圖形比手動繪圖具有更高的精確度，但也帶來了新的痛點：手動更新複雜結構。逐行為多個子類別新增屬性或重構關聯，往往既繁瑣又容易出錯。
這正是VPasCode 的內嵌 AI改變了工作流程。透過將自然語言處理直接整合至編輯器中，VPasCode 讓開發人員能以對話方式優化其視覺模型。本指南將探討如何利用「AI 修改」功能，即時更新UML 類別圖，在無需離開工作區的情況下，填平文字程式碼與視覺設計之間的差距。
核心概念
在深入實際步驟之前，必須先了解讓此無縫優化成為可能的核心技術：
-
圖形即程式碼（DaC）：一種透過文字型原始程式碼生成圖形，而非使用滑鼠手動繪製的方法。這確保了圖形可進行版本控制、易於重複生成，並能整合至 CI/CD 流程中。
-
PlantUML：一個廣為使用的開源工具，利用簡潔的文字描述來建立 UML 圖形。在我們的範例中，PlantUML 語法定義了如
客戶,訂單以及付款. -
內嵌 AI 修改：與需要反覆複製貼上程式碼的外部 AI 工具不同，VPasCode 的內嵌 AI 能理解您目前檔案的上下文。它會解析您現有的 PlantUML 程式碼，套用您要求的變更（例如新增屬性或方法），並在相同環境中自動重寫程式碼。
-
即時渲染：VPasCode 提供分屏視圖，左側程式碼的變更會立即反映在右側的視覺圖形中，確保即時回饋，並降低切換上下文時的心智負擔。
逐步指南：使用 VPasCode 內建 AI 精簡類別圖
在 VPasCode 內無需外部工具即可快速且方便地精簡類別圖，只需透過內建 AI 功能執行幾個簡單步驟即可達成。
起始點
假設您已使用 PlantUML 定義了一個基本的電子商務類別圖。您擁有一個付款類別，其下有三個子類別：現金, 支票，以及信用卡。目前，這些子類別僅為空殼，僅從父類別繼承。
（註：在實際介面中，這對應於所提供的第一張圖片，左側顯示程式碼，右側顯示渲染後的類別圖，其中子類別為空。）
圖 1：VPasCode 中類別圖的初始狀態。請注意現金, 支票，以及信用卡類別缺乏特定屬性。
步驟 1：開啟 AI 選單
要開始精簡流程，請在編輯器介面中尋找 AI 控制項。
-
點擊AI下拉按鈕，位於程式碼編輯器上方的左上角區域。此選單是您進行智慧圖形操作的入口。
圖 2：點擊 AI 下拉選單可顯示修改或轉換圖形程式碼的選項。
步驟 2：選擇修改選項
AI 選單根據您的需求提供不同的功能。若需進行結構變更，請使用修改功能。
-
從下拉選單中，點擊修改帶有 AI 圖示的選項。這表示您打算修改現有圖形的邏輯與結構，而非從頭開始生成。
步驟 3：描述所需的變更
這是最關鍵的步驟，在此步驟中自然語言取代了手動編碼。您無需了解新屬性所需的精確 PlantUML 語法，只需描述您想要的內容即可。
-
在「AI 修改對話方塊中，輸入自然語言描述，說明您希望如何精進或修改您的圖形。
-
範例提示： 「在類別圖中，為 Payment 類別的子類別新增一些屬性」
-
點選「AI 修改按鈕以提交您的請求。
圖 3：AI 修改對話方塊。使用者輸入自然語言提示（1）並觸發處理程序（2）。
步驟 4：檢視精進後的圖形
提交提示後，VPasCode 引擎即開始運作。它會分析請求，並識別目標類別（現金, 支票, 信用卡），並根據標準領域知識注入相關的屬性與方法。
-
AI 將自動處理您的描述、更新程式碼，並直接在您的視覺化類別圖中反映新增的類別、屬性或方法。
-
結果：如下所示，「
現金」類別現在擁有「cashTendered」，而「支票」類別則擁有「bankID和銀行名稱，以及信用卡類別包含編號和有效日期。左側的程式碼已更新以與右側的視覺化內容一致。
圖 4：精煉後的圖表。AI 已成功為子類別填入相關屬性與方法，同時更新了程式碼與視覺化呈現。
結論
將 AI 整合至如 VPasCode 這類「圖表即程式碼」工具，為軟體架構師與開發人員帶來生產力的顯著提升。遵循此簡易的四步驟流程，您可在數秒內將骨架類別圖轉換為詳細的設計文件。
能夠輸入「為 Payment 的子類別新增屬性」並即時觀察程式碼與圖表同步更新，徹底消除手動編輯語法的困擾。無論您是在建模複雜的企業系統或簡單的應用程式，VPasCode 內建的 AI 都能確保您的文件隨您的構想同步演進。
準備親自體驗了嗎？請造訪「VPasCode」，立即將您的文字轉換為專業圖表。