企业官网建设流程全解析

一流的铁岭做网站公司,宁波东钱湖建设局网站,互联网保险发展历程,网站建设大型之前我介绍了可以通过画 UML 图的方式#xff0c;详情参见#xff1a;同事偷偷用 AI#xff0c;1分钟画出精美 UML 图#xff01;老板看了直夸专业 很多朋友觉得很有帮助。 但是又问 AI 能不能画漂亮专业的架构图呢#xff1f; 答案显而易见#xff0c;能#xff01; …之前我介绍了可以通过画 UML 图的方式详情参见同事偷偷用 AI1分钟画出精美 UML 图老板看了直夸专业很多朋友觉得很有帮助。但是又问 AI 能不能画漂亮专业的架构图呢答案显而易见能这篇文章分享几种生成架构图方式身边很多同事也都在采用类似的方式画架构图。方法1Gemini 3 Pro DrawIO先安装 Drawio 桌面版传送门https://github.com/jgraph/drawio-desktop/releases然后生成 Drawio 格式文件。方法非常简单只需要在提示词中强调“使用drawio 格式帮我...”即可。如请使用 drawio 格式帮我生成一个 AI 客服系统的架构图注意这里只是为了演示所以提示词写得比较简单。实际使用时建议大家尽可能写得详细一些这样生成的架构图才更符合预期。我们将这块代码复制到记事本另存为 drawio格式。的话我们就可以用 drawio 软件打开了。然后如果有哪里不太满意的可以让 AI 去调整也可以在软件里面自行调整。方法2AI Coding IDE 直接出文件有些同学可能还会说这太麻烦了有没有更简单的方法。不用复制直接生成直接用。那么这里介绍一个直接在 AI Coding 工具如 Antigravity、Cursor、Qoder 等里生成 drawio 文件的方式。本文以 Qoder 为例给大家演示执行过程。我们先安装 Drawio Preview 和 Draw.io Integation 插件方便直接预览和编辑。参考提示词请使用 drawio 格式帮我生成一个 AI 客服系统的架构图写到当前项目中我们选择模型这里我们选择「极致」然后我们把提示词发送给他他就会按照我们的要求在当前的这个项目中生成对应的架构图。如果需要调整我们再手动调整就可以了。方法3Gemini 3 Pro SVG咱们也可以让 Gemini 3 Pro 使用 SVG 格式画架构图。参考提示词以SVG的方式帮我生成一个专业的 AI 客服系统的架构图分为不同层注意不同元素之间的逻辑关系白色背景不同层用不同颜色专业风格中文效果还是蛮不错的。至少没有 “drawio 味道”。方法4Gemini 3 Pro Image SVG 重绘有些同学觉得直接用 SVG 画图可能不够精美。那么我们就可以使用 Gemini 3 Pro Image 进行画图。参考提示词以图形的方式帮我生成一个专业的 AI 客服系统的架构图分为不同层注意不同元素之间的逻辑关系白色背景不同层用不同颜色专业风格中文那么有些同学可能会说生成的图一是带水印二是有些字想调一调或者某些字存在错误怎么办其实我们可以让 Gemini 使用 SVG 格式进行重绘。打开 Cavans那么我们就可以得到 SVG 格式的架构图了。如果有需要调整可以用自然语言让它去调整这样调整的效果会更好一点。你也可以把它的代码拷贝下来然后手动调整。传送门https://www.svgviewer.dev/有同学可能会说网上还有 MCP 可以生成区别不大关键看模型不通过MCP 也完全可以直接生成出来预览或编辑。欢迎关注我的公众号:悟鸣AI后续会陆续分享比较有用的 AI 工具和比较好的 AI 经验比较客观理性的 AI 观点等。