Hello,大家好,我是人月聊IT。今天接著跟大家聊采用 DeepSeek 工具來繪制軟件功能架構圖。對于場景的流程圖,包括軟件設計里面的用例圖,序列圖講這塊的已經很多了。即通過 DeepSeek 工具來生成源代碼,再配合 Mermaid 或 PlantUML 工具來繼續圖形的生成。

image

但是實際上這類繪圖真正的難點在類似軟件功能架構圖的繪制。在這之前我試用了類似 Draw.io,PlantUML,Mermaid 等各種工具。也包括了在線的類似 ProcessOn,億圖等各種繪圖工具。也不斷的在測試和驗證如何繪制功能架構圖。最終的結論就是要繪制出完全符合我們需求的功能架構圖,我們仍然需要前期進行足夠的提示語約束往往才能夠達成。即我們不需要去做大模型的技術參數微調,更多的是應該和 AI 交互不斷調整我們的提示語模板,最終得到我們期望的一個繪圖結果。

示例 1: DeepSeek + Drawio

今天拿 Drawio 和 SVG 兩種場景來舉例說明。

  1. DeepSeek + Drawio 來生成架構圖

首先是 Drawio,我們和 DeepSeek 對話如下:我現在需要一個標準的 CRM 系統的功能架構圖。請直接幫我用 draw.io 繪制,輸出可以導入到 draw.io 在線工具的 xml 源代碼文件給我。基于這個需要返回相關的源代碼文件如下:

image

我們直接將代碼文件存儲為本地的 xml 文件,然后再導入到 Draw.io 在線繪圖工具,那么得出的圖形如下:

image

可以看到第一次的輸出結果,完全不是我們希望的場景功能架構圖。于是我們對提示語模板進行調整,調整后如下:

image

在新的提示語中我們明確的架構圖的分層,核心的應用功能層的模塊要求和具體的布局方式等信息。然后 AI 幫我們重新生成了 XML 的源代碼文件,再一次導入到 Draw.io 工具后生成的架構圖如下:

image

從上圖來看,基本上已經有所模樣,但是如果到真正可用還需要做進一步的細化調整。但是基本說明這個思路是可行的。

示例 2: DeepSeek + SVG

  1. DeepSeek + SVG 來生成架構圖

接著我們來試驗第二種方式,即讓 DeepSeek 直接輸出 html 網頁文件給我們,在網頁文件中直接給出 SVG 繪圖的源代碼文件。當然我們的思路還是一樣,首先只給最簡單的提示語,讓 DeepSeek 給我們一個標準的 CRM 系統功能架構圖。

image

注意在我沒有做任何調整的時候,AI 繪圖結果如下:

image

這顯然跟我們的希望還是明顯的差距。第二次我們仍然是加強提示語約束,和前面 draw.io 繪圖采用同樣的提示語約束。

image

有了這個約束后重新繪圖如下:

image

大家注意看,這個和我們希望的功能架構圖已經相當類似了。但是我們還希望應用層一級功能模塊下的二級功能能否多列出幾個核心功能。因此我們用 MES 系統功能架構繪制進一步測試,希望能夠多列出幾個二級功能點,還是同樣的提示語代碼。

image

我們再次運行 AI 生成的 SVG 圖,結果如下:

image

我們還可用再增加一些提示詞約束,類似基礎層背景色為 #A56739,中間層背景色為 #00AA48,門戶層背景色為 #0AFEE1。同時我們對一些邊距進行了調整,當然你也可以直接修改生成的 SVG 源代碼。得到最終的架構圖如下:

image

所以從上面的簡單提示語微調可以看到。最終輸出的架構圖基本能夠滿足我們的需求。真正好用的不是結合什么在線作圖工具,而是直接出 SVG 的可以瀏覽器直接運行的源代碼文件。而且這種源代碼文件本身還可以進行修改。簡單總結就是要有最夠耐心調整下提示語約束,就可以生成出符合你期望的軟件功能架構圖,對于其它架構圖也是同樣的道理。今天分享就到這里,希望對大家有所啟發。

image

原文轉載自:https://mp.weixin.qq.com/s/bQZ88knkI-RKvKMbxInPFw

上一篇:

Playwright + DeepSeek實戰:如何讓AI“看懂”網站頁面內容?自動定位頁面元素?

下一篇:

Markdown + AI = 效率神器:10分鐘就能學會的大模型文本格式
#你可能也喜歡這些API文章!

我們有何不同?

API服務商零注冊

多API并行試用

數據驅動選型,提升決策效率

查看全部API→
??

熱門場景實測,選對API

#AI文本生成大模型API

對比大模型API的內容創意新穎性、情感共鳴力、商業轉化潛力

25個渠道
一鍵對比試用API 限時免費

#AI深度推理大模型API

對比大模型API的邏輯推理準確性、分析深度、可視化建議合理性

10個渠道
一鍵對比試用API 限時免費