Smart Excalidraw

Smart Excalidraw是一款ai驱动的开源智能图表生成工具，主要功能是用大语言模型把人说的话转成有结构、能改的图表。做出来的图是 Excalidraw 格式，用户能在画布上自己调样式和布局，从自动生成到手动改完能一起做完。它和普通Excalidraw最大不同是，先用大模型理解你的描述，再一次做出结构清楚、布局合适的专业图，之后还能在原画布随便调。很适合开发者、产品经理、架构师这些要快画流程图、架构图、ER图的人用。

Smart Excalidraw主要功能

• 用一句话生成图表：比如输入“画一个微服务架构图，包含网关、鉴权、订单服务”，AI会自动选合适的图表类型，安排节点位置，并连好线。

• 支持20多种图表：包括流程图、时序图、ER图、思维导图、信息图、部署架构图等。

• 智能连线：用自研算法自动找最佳连接点，减少线条交叉，让复杂图也看得清楚。

• 完全兼容Excalidraw：生成的是标准.excalidraw文件，可以直接在Excalidraw里拖动、改颜色、加图标。

• 配置简单，数据本地保存：需填一次OpenAI或Anthropic的APIKey，所有设置和数据都存在你自己的浏览器里。也支持用Docker一键本地部署。

Smart Excalidraw怎么用

线上使用

• 打开官网：

• 👉https://smart-excalidraw.aizhi.site/

• 配置AI：

• 点右上角“配置LLM”

• 选提供商（Anthropic或OpenAI）

• 填APIKey（推荐用ClaudeSonnet4.5，效果最好）

• 保存

• 输入指令，比如：

  “画一个用户注册登录的流程图”

  “创建一个包含订单、商品、用户的电商ER图”

  “设计一个Kubernetes集群架构图”

  AI会自动生成图，你可以在画布上继续修改。

本地运行

gitclonehttps://github.com/liujuntao123/smart-excalidraw-next.git
cdsmart-excalidraw-next
pnpminstall
pnpmdev

然后打开http://localhost:3000

Smart Excalidraw技术特点

• 能接多种模型：支持OpenAI、Anthropic这些常用模型，推荐用ClaudeSonnet系列，效果更好。

• 连线的办法聪明：自带算连接点的办法，自动不让线交叉，图更好看明白。

• 存在前端：设置和临时数据放在浏览器里，省服务器钱，也更保护隐私。

• 用新工具做的：基于Next.js、Excalidraw和TailwindCSS，本地改起来、加功能都方便。

Smart Excalidraw应用场景

适合做产品原型、画架构图、给技术文档加插图，还有团队一起干活的时候用。设计师或工程师只要用话描述想要啥，很快就能拿到有结构的图，再在Excalidraw画布上细改。也能把它放进设计评审、写文档或者CI流程里，让做可视化的活儿更快。

常见问题

Q：用哪个模型最好？

A：ClaudeSonnet4.5，画图更准、结构更合理。

Q：数据会传到网上吗？

A：不会，所有内容都只存在你自己的浏览器里。

Q：能改AI画的图吗？

A：能，生成的就是普通Excalidraw元素，可以随便拖、改颜色、加文字。

Github：https://github.com/liujuntao123/smart-excalidraw-next