Read this post in: de_DEen_USes_ESfr_FRhi_INid_IDpl_PLpt_PTru_RUvizh_CN

無縫連接繪圖與文件編寫:VPasCode 與 OpenDocs 集成

EDITION REQUIRED|
DESKTOPCommunity
VP ONLINEFree

在 Visual Paradigm,我們持續致力於統一您的開發、設計與文件編寫工作流程。最近,我們推出了VPasCode,我們強大的文字轉圖形平台,讓創作者能使用 PlantUML、Mermaid.js 和 Graphviz 等流行格式建立豐富的視覺內容。今天,我們非常高興宣布一項重大升級,可彌補創建視覺內容與撰寫文件之間的差距:VPasCode 至 OpenDocs 流水線集成.

Visual Paradigm announcement graphic illustrating the integration between the VPasCode text-to-diagram platform and OpenDocs documentation pipeline. The left panel shows the VPasCode editor with a 'Send to OpenDocs Pipeline' button, while an arrow demonstrates the seamless transfer of a generated architecture diagram into a collaborative writing workspace on the OpenDocs interface to the right.

透過此項新功能,您可輕鬆地將圖形從 VPasCode 環境直接「傳送」至OpenDocs——我們新一代、由 AI 驅動的知識管理平台。再也不需要手動匯出、下載或重新上傳圖片。您的視覺資產現在只需幾次簡單點擊,即可無縫流入您的文件套件中。

這項功能的重要性:實際應用場景

為幫助您了解此項整合如何優化日常運作,以下是一些常見場景,展示 VPasCode 至 OpenDocs 流水線的優勢:

  • 軟體架構與技術規格: 一名軟體工程師在 VPasCode 內使用 PlantUML 或 Mermaid 繪製微服務序列圖,編輯複雜的系統架構。當邏輯確認無誤後,他們可直接將圖形推送至 OpenDocs 流水線。接著,他們可切換至 OpenDocs,圍繞此即時藍圖撰寫完整的技術規格文件。

    This is a concept diagram that shows how user can edit PlantUML diagram in VPasCode and then send the diagram to OpenDocs for further documentation

  • 敏捷 Sprint 回顧與路線圖: 專案經理在 VPasCode 內以文字方式勾勒專案時間軸、甘特圖或看板工作流程。無需本地儲存,他們可直接將內容推送至 OpenDocs,直接插入共享的團隊手冊或 Sprint 文件頁面,供團隊協作檢視。

    This is a concept diagram that shows how user can edit Mermaid Kanban diagram in VPasCode and then send the diagram to OpenDocs for further documentation

  • 快速文件更新: 想像系統流程發生變更。無需重新生成整個資產,技術撰寫者可直接在 OpenDocs 內點擊編輯鉛筆,於 VPasCode 中優化文字轉圖形腳本,並透過流水線立即更新文件。這確保文件能跟上快速的程式碼變更。

運作方式:流水線的五步驟指南

將您的圖形從草圖階段移至文件編寫,僅需數秒。以下是逐步操作流程:

  1. 啟動傳輸:VPasCode 界面中,於右側圖形檢視器下方尋找並點擊 「傳送至 OpenDocs 流水線」 按鈕。

  2. 新增背景資訊(可選): 會出現提示,要求輸入可選描述。您可利用此處記錄圖形的詳細資訊、登錄簡要變更日誌,或若時間緊迫,也可直接跳過。
  3. 確認並傳送: 點擊 確認您的圖形程式碼和預覽會立即打包並安全地傳送到您的 OpenDocs 工作區流程中。您可以選擇繼續在 VPasCode 中優化程式碼,或直接前往 OpenDocs。
  4. 存取流程:導航至您的OpenDocs 面板。編輯您希望視覺內容存在的任何文件頁面,並打開流程窗格。您新發送的圖形將在清單中等待您。

  5. 插入並發佈:將游標懸停在流程窗格內的圖形縮圖上,點擊插入按鈕,並觀看它完美地插入您的文件中。從此處開始,您可以繼續撰寫知識庫頁面的其餘內容。

需要快速修改嗎?

如果您發現錯誤或稍後需要擴展圖形,無需從頭重建。只需點擊插入圖像右上角的微小鉛筆按鈕位於 OpenDocs 內插入圖像右上角的按鈕。此操作會安全地將程式碼腳本重新開啟於 VPasCode 編輯器中。修改文字語法,重新執行上述流程步驟,並無縫替換文件中的舊圖像。

This diagram shows how to edit a PlantUML diagram embedded in OpenDocs with VPasCode

VPasCode 生態系統簡要回顧

如果您是首次使用 VPasCode,它提供了一個全面且統一的環境,可即時渲染文字轉圖形語法。無論您使用的是免費版本或進階 AI 工具,它都支援廣泛的視覺呈現類型:

  • PlantUML: ArchiMate、C4、序列圖、用例圖、類圖、物件圖、活動圖、組件圖、部署圖、狀態圖、時序圖、實體關係圖(ERD)、陳式實體關係圖(Chen ERD)、網路圖、工作分解結構(WBS)等。
  • Mermaid: 流程圖、類圖、序列圖、實體關係圖、狀態圖、思維導圖、C4、甘特圖、象限圖、需求圖、時間軸、使用者旅程、Git 圖、看板圖等。
  • Graphviz: 有向圖(Digraph)、圖(Graph)、流程圖、組織結構圖、群組(Cluster)和資料流程。

注意:免費功能包括即時預覽、URL 分享以及向量/點陣圖像匯出(SVG/PNG)。付費版本(Visual Paradigm Online 組合版或具備有效維護的桌面專業版)可解鎖進階核心功能,例如AI 程式碼錯誤修復以及AI 翻譯.

高度整合的 Visual Paradigm 生態系統的一部分

此新流程是我們更廣泛願景的一部分,旨在將 Visual Paradigm 定位為一個高度整合、穩健的生態系統,讓設計與知識留存並行不悖。OpenDocs 作為您團隊集體智慧的中央儲存庫,您可以從幾乎所有您喜愛的 Visual Paradigm 平台中將內容輸入其中:

  • 桌面建模至文件:輕鬆將來自 Visual Paradigm 桌面版的企業級藍圖傳送至您的文件管道(指南).
  • VP Online 至文件:從 Visual Paradigm Online 原生匯出您的基於網頁的雲端圖表或結構圖,直接導入 OpenDocs(指南).
  • 數位書架至文件:將來自 VP Online 的互動式翻頁書籍與整理良好的數位書架直接嵌入或分享至您的知識門戶(指南).
  • AI 聊天機器人至文件:提示我們的 AI 系統產生全新的視覺概念,並直接傳送至 OpenDocs 管道,立即建立上下文(指南).

準備好大幅提升您的技術文件工作流程了嗎?立即造訪 VPasCode 並在 OpenDocs!

返回頂端