DeepSeek+Drawio+SVG绘制架构图-找到一种真正可行实用的方法和思路

hello，大家好，我是人月聊it。

今天我们继续探讨如何利用DeepSeek工具来绘制软件功能架构图。关于流程图、用例图、序列图等场景的绘图方式，目前已有大量实践和分享。常见的方法是通过DeepSeek生成代码，再结合Mermaid或PlantUML等工具实现图形化输出。

然而，真正具有挑战性的其实是软件功能架构图的绘制。在此之前，我尝试过Draw.io、PlantUML、Mermaid等多种绘图工具，也测试了ProcessOn、亿图等在线绘图平台，不断验证各种生成方案。

最终得出的结论是：要生成完全符合需求的功能架构图，关键在于前期对提示语进行充分约束。我们无需对大模型做复杂的参数微调，而应通过与AI的交互，持续优化和调整提示语模板，从而逐步逼近理想的绘图结果。

本文将以Drawio和SVG两种方式为例，具体说明这一过程。

1. 使用DeepSeek+Drawio生成架构图

首先来看Drawio的使用方式。我们向DeepSeek发起如下对话：

我现在需要一个标准CRM系统的功能架构图，请直接帮我用draw.io绘制，并输出可导入draw.io在线工具的XML源代码。

AI返回的代码如下：

我们将这段代码保存为本地XML文件，然后导入Draw.io在线工具，得到的图形如下：

显然，第一次生成的结果远未达到预期。于是我们优化提示语模板，加入更明确的结构要求：

图片在新的提示语中，我们明确定义了架构的分层结构、核心功能模块划分以及布局方式。AI据此重新生成XML代码，再次导入Draw.io后得到如下图形：

从图中可以看出，整体结构已初具雏形，虽仍需细节调整，但已证明该方法具备可行性。

2. 使用DeepSeek+SVG生成架构图

行者AI

行者AI绘图创作，唤醒新的灵感，创造更多可能

100

查看详情

接下来尝试第二种方式：让DeepSeek直接输出包含SVG源码的HTML网页文件，实现在浏览器中直接渲染图形。

我们的思路不变，先给出最基础的提示语，要求生成一个标准CRM系统功能架构图。

图片在未做任何细化提示的情况下，AI生成的图形如下：

图片显然与期望仍有较大差距。于是我们再次强化提示语，采用与Drawio相同的结构化描述进行约束。

图片在此约束下重新生成的SVG图形如下：

图片可以看到，这次的结果已非常接近我们期望的功能架构图。但为了进一步丰富内容，我们希望在应用层的一级模块下展示更多二级功能点。因此，我们切换到MES系统进行测试，仍使用相同的提示语结构。

图片运行AI生成新的SVG图，结果如下：

图片为进一步优化视觉效果，我们继续增加提示词约束，例如：基础层背景色设为#A56739，中间层为#00AA48，门户层为#0AFEE1，并对边距等布局参数进行调整。当然，这些也可以在生成后的SVG代码中手动修改。最终得到的架构图如下：

由此可见，通过逐步优化提示语，最终生成的架构图已基本满足实际使用需求。真正实用的并非依赖特定绘图工具，而是能够直接输出可在浏览器运行的SVG源码。这种格式不仅便于展示，还支持后续灵活修改。

总结一下：只要愿意花时间耐心调整提示语，就能借助AI生成符合预期的软件功能架构图。这一思路同样适用于其他类型的架构图设计。

今天的分享就到这里，希望能给大家带来一些启发。

以上就是DeepSeek+Drawio+SVG绘制架构图-找到一种真正可行实用的方法和思路的详细内容，更多请关注php中文网其它相关文章！