AI一键自动生成手绘风格图表
手绘风格的流程图、架构图、示意图相信大家都看到过。
作为文章配图、PPT配图、产品说明书配图等，还是非常不错的。
只是用传统的画图软件绘制很繁琐，AI生图又无法准确控制文字渲染。
这就催生了一个叫AI Excalidraw的创新开源项目，简称AI智能画图工具。
它将AI与手绘风格的图表工具Excalidraw相结合，使用户能够通过自然语言描述来自动生成图表。
生成图表的过程可以实时看到结果，支持创建多个会话以及自适应电脑跟手机访问。
可以接入OpenAI兼容的API服务（如智谱、阿里云等），并能将画布内容和聊天记录自动保存在浏览器本地。
AI Excalidraw开源项目地址如下：
https://github.com/co-pine/ai-excalidraw
懂技术喜欢折腾的小伙伴可以去仓库看看，下面老马介绍的是直接可以在线使用官方已经搭建好的工具站点。
然后考虑到有些小伙伴访问不了github，又想自己部署搭建私有的AI Excalidraw画图工具。
老马就把代码包打包好上传到了网盘，加上私有部署的详细教程，保证你能手把手学废。
在线使用AI Excalidraw
使用电脑或者手机浏览器打开访问工具网址：
https://www.lzkz.top/tool/excalidraw ，无需注册无需登录即可使用，如图：
你没看错，因为AI Excalidraw是自适应的，所以也支持手机使用，日常有想法马上搓张图出来就很方便。
整个工具网站的界面也非常简洁，左侧是AI对话框，右侧是画布，等于在左侧输入需求提示词跟AI对话，右侧画布自动绘制生成图表。
生成后的图表，需要调整大小、文字、颜色、位置什么的，就在右侧画布中修改，或者是选中要修改的元素，再次对话让AI去修改。
输入需求提示词时，简单的写法可以是一句话，比如生成一个软件开发的SOP流程图。复杂一点的，你可以用豆包、千问先生成详细的文档，如图：
这里老马生成了一份集团公司标准报销流程文档，如果你有现成的文档，那就没必要去生成了，直接可以作为需求提示词丢给AI Excalidraw，如图：
提交后绘制的速度很快，即便这个需求是很详细，略微复杂，大概也就花了几十秒时间搞定，最终效果如图：
当然，第一次生成后的图表，里面有些文字没有显示全的，你需要双击该元素，让其显示完整。有些文字因为方框太小没显示全，你需要拉动扩大一下方框。
总之，在画布中需要你后期做一点细微的调整修改，检查一下流程绘制有没有问题，哪些箭头是多余或者不对的，复杂的图表一般都需要你去审查。
AI Excalidraw画布的修改是非常直观简单的，你随便点击一个元素即可进行颜色、文字、大小、样式、风格、位置等修改调整，如图：
下面再用一句话提示词生成一张transformer模型架构图，在生成新的图表之前，记得点右上角的清空画布后再新建AI对话。架构图生成的效果如下：
在画布区域的左上角有一个三条杠的图标，点击可以将图表保存或者导出成各种图片下载到本地电脑，如图：
私有化部署AI Excalidraw
首先通过网盘把代码包下载到本地的电脑桌面上，解压代码包，得到解压后的代码文件夹。网盘下载地址如下：
夸克网盘：
https://pan.quark.cn/s/5564ab74ea32
以Windows系统为例，在桌面底部菜单找到放大镜搜索图标，点击打开输入“cmd”进行搜索，找到命令提示符后打开，如图：
接着在电脑桌面找到刚才已经解压好的AI Excalidraw，双击打开，在顶部的地址栏复制一下该文件夹的路径，如图：
然后回到我们刚才已经打开过的命令提示符窗口，在这个黑色的窗口里面输入命令：cd + 刚才复制的文件夹路径，然后回车键确定，如图：
下一步我们需要安装Node.js 23的版本，先打开官网下载地址：
https://nodejs.org/zh-cn/download，里面有一些配置是默认的，不需要改动，最后一个版本号选择v23.11.1即可，如图：
点击下载Windows安装程序进行安装，过程跟安装普通的软件是一样的。安装完毕后，回到上面已经打开的命令提示符黑色窗口，输入命令：node -v ，按回车键确定，即可看到安装成功后Node.js的版本号，如图：
下一步我们接着在命令提示符窗口输入命令：npm install，回车确定，等待项目依赖包安装完毕即可，如图：
继续在命令提示符窗口内输入命令：npm run dev，来启动开发服务器，如图：
出现上面的提示就代表启动成功，你可以复制一下网址：http://localhost:5173/，在电脑浏览器粘贴打开访问，如图：
第一次打开需要你配置大语言模型的API接口信息，这里我们可以注册一下智谱AI开放平台，注册后有免费送token资源，基本足够日常使用。
打开官网地址：https://www.bigmodel.cn，点右上角注册登录，新用户有送2000万token资源额度，使用手机号码获取验证码登录即可，如图：
登录成功后，点右上角的“控制台”进入页面，在新页面中再点右上角的“API KEY”，选择添加新的API Key，随便输入一个名称就行，如图：
添加完毕后，即可看到新增的一行API Key，复制一下待会会用到，如图：
回到刚才已经打开的http://localhost:5173/，在API Key中粘贴刚才复制的，Base URL中填：
https://open.bigmodel.cn/api/paas/v4，模型中填：GLM-4.7，最后点击保存，如图：
配置完大语言模型的API之后，我们来简单测试一下是否可以正常使用，在对话框中输入提示词让其生成阿里巴巴集团公司的组织架构图，结果如图：
至此私有化部署就算完成了，绘制完成的图表有些箭头小细节需要修改一下，其它的基本没啥大问题。
需要补充说明一点，智谱AI开放平台新用户注册送的通用token资源只有100万，所以一旦提示你资源不足无法使用了，记得去控制台那里点右上角的财务。
找到资源包，打开我的资源包，选择使用GLM-4.5-air这种送的token资源比较多的模型，如图：
比如把刚才设置的GLM-4.7模型换成GLM-4.5-air，还是打开http://localhost:5173/ 的网页，在右上角点齿轮的按钮，修改一下模型的名称就行，其它不用改动，如图：
到这里有些小伙伴又会问，我自己有服务器，能不能把AI Excalidraw部署到我的服务器上呢？答案是可以的，假设你的服务器已经安装了宝塔或者1Panel这类管理面板，新建好一个网站绑定好域名。
回到本地电脑打开前面的命令提示符窗口，输入cd + AI Excalidraw项目本地文件夹路径，显示效果如下就是对的：
这代表我们已经进入了项目的文件夹，接着输入命令：npm run build
构建生产版本，按回车键确定，稍等片刻，显示如图就算是构建完成了：
最后打开电脑桌面上的项目文件夹，里面会多出来一个dist文件夹，把这个文件夹里面的所有文件，上传到你服务器对应的网站根目录即可，如图：
上传完毕，在你的电脑浏览器访问已经绑定好的域名，一个专属自己的AI智能画图工具就部署到线上了，如图：
还是同样的操作，配置一下大模型的API接口信息，AI Excalidraw工具网站就可以正常使用了。
好了，以上就是今天的分享，欢迎关注、点赞、转发一键三连。有任何问题和需求，请在评论区留言，回见！
