多客科技 发表于 2025-12-13 15:10

AI绘图利器-Next AI Draw.io

作者:微信文章
诸如Nano Banana之类的AI绘图,其生成的图像是不能编辑的,而Next AI Draw.io是一个可以指挥Draw.io进行绘图的AI Agent工具,它能够根据指令绘制、复现和美化流程图,是一项可以极大提高生产力的科研工具。



一、Next AI Draw.io简介

Next AI Drawio 是一个Web 应用程序,它将 AI 功能与 draw.io 绘图工具集成在一起,该工具支持通过自然语言命令来可视化地创建、修改和增强图表。目前支持市面上大多数模型供应商接入,如下表所示:



Next AI Draw.io可使用Docker 部署,简单上手,一键启动。它的运行界面如下所示:



用户只需要在右侧和大模型对话,就能够在左侧即时生成Draw.io图像,生成的图像可以直接导出使用,也可以拷贝到本地的Draw.io中存储和调整。

二、重绘图片

有时候我们在网上看到一张非常好的图片,但是没有其可以编辑的版本,这个时候就可以利用Next AI Draw.io来把这张图片进行上传重绘。这是原图:



这是Next AI绘制的图片(模型是GPT-5.2,提示词是:帮我重新绘制上传的图片):



虽然不能一比一复刻图片,但是可以把所有的元素都画出来,然后经过手工调整就可以得到一张drawio的图像。注意,只有可识别图片的模型才能执行这个功能,例如GPT-5.2,Deepseek就不行。

三、使用提示词绘制图片

我们可以在这个系统之外用大模型生成一段文字,用来描述我们要画的图,然后把这段文字输入Next AI Draw.io,这是我用deepseek生成的一段文字(提示词:给出一段话的描述,形容一个CNN典型网络结构,这段描述用于输入一个AI来生成图像,因此描述要精确、可以执行):

A highly detailed and labeled technical illustration of a classic Convolutional Neural Network architecture. Clean vector style on white background. Layout is a horizontal left-to-right data pipeline. Start with an RGB input image grid labeled "Input (224x224x3)". Followed by several CONV-RELU-POOL blocks: show small 3x3 filters sliding, generating feature maps (blue blocks, dimensions decreasing), then 2x2 max-pooling (green downsizing arrows). Depth (number of filters) increases after each pool. Then a Flatten layer transforming the last 3D feature block into a 1D vector. Connect to two Fully Connected layers (orange vertical bars with dense connections) ending in a final classification layer. Output shows a bar chart of class probabilities (e.g., dog, cat, car) with the highest bar highlighted. Use clear arrows for data flow. Label every layer (e.g., "Conv1: 64 filters", "MaxPool", "FC1: 512 units"). Include dimension annotations (e.g., "56x56x128") and a color-coded legend at the bottom explaining layer types. Professional, educational, and visually structured.

输入Next AI后,使用deepseek-reasoner模型,画出如下的drawio图像:



观察上图,基本上所有元素都齐全了,稍微修改就可以使用。

四、自动美化图像

如果我们自己在Drawio中手动绘图,可以很快得到一个草图,那么可以把美化图像的工作交给Next AI Draw.io。例如,我们绘制了一个草图如下:



第一步,给出一个提示词,让Next AI调用的大模型给出一个调整图片的计划:

请扮演一名专业的图表设计与优化专家,针对我在Draw.io中绘制的技术架构图所存在的元素大小不一、色彩未设置、字体不统一、布局杂乱的问题,为我生成一份直接、可执行的详细美化步骤清单。首先,请指导我统一基础元素:建议核心模块(如服务器、数据库)的具体尺寸(例如宽120px、高60px),并说明如何使用“格式刷”或“样式”面板进行批量应用。其次,请推荐一套专业的配色方案,为核心模块、辅助服务、数据流线及背景高亮分别提供具体的颜色代码(如#2E7D32),并说明在Draw.io中的填充与线条设置位置。接着,请制定明确的字体规范,为图表主标题、模块标签和内部说明分别规定字体类型、大小(如18pt、12pt、10pt)及加粗状态,并强调使用“文本”面板统一修改。然后,请详细说明如何使用“排列”工具实现左对齐、顶对齐及等距分布,并建议一个清晰的视觉流向(如从左到右)及各层级模块间的标准间距(如80px),同时评估是否适用“自动布局”功能。最后,请提供通用操作提示:建议在调整前将图形临时成组以便整体移动,并遵循先统一尺寸字体、再应用配色、最后精细调整布局的步骤顺序。请直接给出这份包含具体数值、工具名称和操作流程的清单。

第二步,Next AI会输出如何调整的回答(这里模型使用GPT-5.2),然后我们继续输入提示词:按照以上计划重新绘制图片。就能够重新绘制图片,如下:



五、安装部署和配置

Next AI Draw.io是一个Github开源项目,最好的安装方法是通过Docker,假设我们的本地计算机的Windows中已经安装了WSL,且WSL中已经安装好了Docker,则一行命令就可以安装部署Next AI:

docker run -d -p 3000:3000 \

-e AI_MODEL=deepseek-reasoner \

-e DEEPSEEK_API_KEY=your_api_key \

ghcr.io/dayuanjiang/next-ai-draw-io:latest

这将拉取最新的镜像,并在docker中运行,注意把DEEPSEEK_API_KEY=your_api_key换成自己的DeepSeek的API key。然后打开浏览器,输入:localhost:3000,就可以看到程序运行界面。

点击右上角配置按钮,可以配置自己的模型和API Key,国内的模型最好用的是:deepseek-reasoner,但是这个模型不能解析图像,只能根据文字描述来绘制图形。



六、一点感想

Next AI Draw.io虽然还有很多bug和缺点,但它是一个充满希望的AI应用,因为它确确实实的提升了生产力,让AI绘图真正有了价值,未来可以极大的解放人们的双手。但是目前的缺点也非常明显:

第一,Next AI的应用门槛还是相当高,需要用户懂Linux(或者windows中的WSL),懂Docker,懂一些计算机的基本知识才能配置运行;

第二,目前调用大模型的API还是需要付费的,一般的用户可能还不愿或者不会调用API;

第三,目前Next AI的bug还很多,有的是大模型本身机制的问题,有的是程序bug,用起来还有很多问题,非专业人士还是很难上手的。

但是无论如何,这种AI Agent工具都是未来的方向,未来的人不画图,只用指挥AI画图即可,我对此深信不疑。



喜欢就关注我吧
页: [1]
查看完整版本: AI绘图利器-Next AI Draw.io