在 Visual Paradigm，我們不斷拓展「圖表即程式碼」技術的界限，協助開發人員、軟體架構師與技術撰寫者輕鬆溝通軟體設計。今天，我們很高興宣布對 Visual Paradigm 的重大升級VPasCode：原生支援將程式語言程式碼視覺化為 UML 類別圖！
雖然 VPasCode 長期以來一直被廣泛信任於 PlantUML 和 Mermaid 等流行的「文字轉圖表」DSL，現在您也可以輸入實際的應用程式原始碼，並立即看到其結構架構以乾淨、標準化的 UML 類別圖形式呈現。我們將逐步支援廣泛的現代程式語言，包括 Java、TypeScript、Go、Rust、C#、Python、C、C++、PHP、Ruby、Scala、Zig、Kotlin、Swift 和 Elixir。
在本次產品更新中，我們將重點介紹Swift——展示 iOS、macOS 及跨平台 Swift 開發者如何即時將原始的物件導向程式碼轉換為直覺的視覺化模型。
什麼是 VPasCode？
對於剛接觸此平台的使用者，VPasCode（Visual Paradigm 的圖表即程式碼平台）是一個整合式、基於瀏覽器的環境，專為將程式碼轉換為清晰的視覺化圖表而設計。它可作為一個易於使用的免費 Swift 編輯器，以及開發者偏好的文字驅動建模而非手動拖曳繪製的即時渲染引擎。
VPasCode 綜合支援多個視覺化生態系統，包括：
- 圖表與視覺化 DSL： PlantUML, Mermaid, Graphviz, Markmap, ECharts
- 結構化資料格式： JSON, YAML, XML, CSV, TOML
- 資料庫查詢語言： SQL
- 程式語言： Swift, Java, TypeScript, Go, Rust, C#, Python, C, C++, PHP, Ruby, Scala, Zig, Kotlin, Elixir
無論您需要序列圖, 流程圖，實體關係圖（ERD），或軟體架構模型, VPasCode將這些格式整合到單一瀏覽器工作區中。
Swift 轉 UML 類圖可視化的運作方式
使用 VPasCode 可視化 Swift 程式碼非常簡單。使用者介面具備分屏工作區：在左側撰寫或貼上您的程式碼，並即時在右側觀看 UML 類圖自動產生。
您可透過兩種簡單方式開始使用此功能：
- 輸入或貼上程式碼：只需將您的 Swift 源碼直接複製到左側的程式碼面板中。
- 拖曳並放置檔案： 將任何
.swift檔案直接從您的電腦拖曳至編輯器視窗。VPasCode 將讀取該檔案並立即產生對應的 UML 圖表。
由於 VPasCode 具備自動代碼檢測，當您貼上程式碼時，它會自動識別您的 Swift 語法並呈現適當的類別圖——無需複雜的手動設定。
立即體驗：一個 Swift 面向對象範例
為了展示 VPasCode 如何精確解析 Swift 結構——例如類別、繼承、協定實作、成員可見性以及屬性——讓我們來檢視一個經典的面向對象範例，其中包含動物層級結構與動物園容器。
Swift 程式碼範例：
協定 Playable {
func play()
}
class Animal {
var name: String = ""
private var age: Int = 0
init(name: String, age: Int) {
self.name = name
self.age = age
}
func makeSound() -> String {
return ""
}
func getInfo() -> String {
return "(name) is (age) years old"
}
}
class Dog: Animal, Playable {
private var breed: String = ""
init(name: String, age: Int, breed: String) {
self.breed = breed
super.init(name: name, age: age)
}
override func makeSound() -> String {
return "Woof!"
}
func play() {
print("(name) is playing fetch")
}
}
class Cat: Animal, Playable {
private var furColor: String = ""
init(name: String, age: Int, furColor: String) {
self.furColor = furColor
super.init(name: name, age: age)
}
override func makeSound() -> String {
return "Meow!"
}
func play() {
print("(name) is playing with yarn")
}
}
class Zoo {
var animals: [Animal] = []
func add(_ animal: Animal) {
animals.append(animal)
}
}當由我們的線上 Swift 圖表工具解析時，VPasCode 會自動繪製出關係圖：
- 這個
Playable介面/協定 Playable 與實作它的類別一同被建模。 - 繼承泛化箭頭從
Dog與Cat指向Animal基礎類別。 - 私有（
-）與公開（+）的欄位與方法會以視覺方式區分。 - 像
animals: [Animal]在動物園類別被解析為關聯。
想要即時測試並與此模型互動嗎？您可以在瀏覽器中直接打開並編輯此片段，使用我們的互動式 Swift UML 範例連結.
匯出、分享與生產力功能
將程式碼轉換為圖表僅是戰鬥的一半；與工程團隊分享這些洞察，或將其嵌入文件中，同樣至關重要。VPasCode 內建強大的工具，專為現代開發者工作流程而設計：
- 匯出為 SVG 與 PNG：以向量格式（SVG）下載您生成的類別圖表，以便在簡報投影片中清晰縮放，或以高解析度 PNG 圖像下載，快速嵌入圖片。
- 將圖片複製到剪貼簿：僅需點擊一次，即可立即將渲染完成的圖表複製到系統剪貼簿，直接貼入 Slack、Microsoft Teams 或 Jira 工單中。
- 零登入超連結分享：分享輕量級、具狀態的連結，直接在 URL 中編碼您的圖表結構。收件人無需建立帳戶或登入，即可立即查看並與您的圖表互動。
先進的 AI 功能與生態系整合
超越標準圖表生成，VPasCode 作為一款強大的下一代圖表即程式碼工具配備 AI 協助的生產力功能：
- AI 程式碼錯誤修復:當您撰寫或修改圖表程式碼時遇到語法問題，只需點擊「由 AI 修復」系統會自動修復損壞的語法，並提供詳細的並列差異說明，讓您從錯誤中學習。
- AI 圖表翻譯:與全球開發團隊合作？使用原生 AI 翻譯功能，幾秒內即可跨語言翻譯標籤文字、變數概念或註解。
- Visual Paradigm OpenDocs 整合:將您完成的圖表直接傳送至 Visual Paradigm OpenDocs，以維持完整且持續更新的軟體架構文件。
注意：核心圖表編輯、即時即時預覽渲染、SVG/PNG 匯出與超連結分享功能均為完全免費。進階的 AI 錯誤修復與翻譯功能，可透過 Visual Paradigm Online Combo Edition（或更高版本）以及 Visual Paradigm Desktop Professional Edition（或更高版本且具備有效維護合約）取得。
立即試用 VPasCode
無論您是否需要一個高效的免費的 Swift 編輯器用來檢視不熟悉的類別層次結構，直覺的線上 Swift 圖表工具用於入職討論，或可靠的多語言圖表即程式碼工具用於技術文件，VPasCode 都能滿足您的需求。
準備好將您的 Swift 程式碼轉換為視覺化架構了嗎？
統一平台VPasCode 的入口：位於應用程式中心的「開發者」分類下。