上周,我接到一个紧急任务:给投资人做技术架构汇报。
我盯着空白的PPT页面,手忙脚乱地拖拽形状、调整连线、修正对齐……两小时过去,架构图依然像个”毛线团”。更崩溃的是,产品经理临时要求修改核心模块,我不得不重头再来。
就在我濒临崩溃时,同事悄悄推给我一个链接:
「试试这个,我用它十分钟搞定上周的架构图。」
这就是今天要推荐的神器——Smart Excalidraw,一款用自然语言自动生成专业图表的AI工具。它的出现,彻底改变了我创作技术文档的方式。
🎨 为什么我愿意放弃Visio和PPT?
先看效果:

👉 点击体验在线版
输入这样一句描述:
“设计一个电商系统的微服务架构图,包含用户服务、商品服务、订单服务、支付服务,用API网关统一接入,数据库使用MySQL集群,缓存用Redis”
10秒后,一张专业级架构图跃然屏上——元素布局合理、连线井井有条、配色协调统一,连我这种毫无设计感的程序员都能秒出高颜值图表。
而更让我惊喜的是,这张图完全可编辑:我想调整某个模块位置?拖一下就好。想换配色?点一下完成。想加注释?直接在画布上打字。
这才是真正”AI生成+人工精修”的完美工作流。
⚡ 五大核心特性,让图表创作回归简单
✅ 1. 一句话生成专业图表
无需学习复杂的绘图工具,只需用自然语言描述你的需求:
- “画一个用户登录的流程图,包含手机号验证和第三方登录”
- “创建一个区块链三层架构图,展示数据层、网络层和应用层”
- “设计一个机器学习训练流程,从数据预处理到模型部署”
20+种图表类型全覆盖:流程图、架构图、时序图、ER图、思维导图、网络拓扑图……AI会自动选择最合适的图表类型。
✅ 2. 独创智能连线算法,告别”蜘蛛网”
传统工具最烦人的就是连线交叉、重叠、找不到端点。Smart Excalidraw采用独创的箭头优化算法,自动计算最佳连接路径,确保每条线都清晰、合理、无交叉。
“终于不用再和PPT里的箭头搏斗了!” —— 某位使用过3天的后端工程师
✅ 3. 完美Excalidraw集成,自由编辑无限制
生成的图表完全基于开源绘图工具Excalidraw,这意味着:
- 100%兼容Excalidraw所有功能
- 可自由调整元素样式、颜色、粗细
- 支持手绘风格,让图表更生动
- 可导出为PNG/SVG,无缝集成到任何文档中
✅ 4. 隐私安全,数据只属于你
- 所有配置信息仅保存在你的浏览器本地
- 图表数据不上传任何服务器
- API密钥加密存储,安全无忧
✅ 5. 极致性能,3秒出图
基于先进的大语言模型(推荐Claude-4.5-Sonnet),理解需求更精准,生成速度更快。复杂图表平均只需3-10秒,彻底告别等待。

🚀 三步上手,5分钟成为图表高手
第一步:配置AI(30秒)
- 点击右上角”配置LLM”按钮
- 选择提供商(OpenAI或Anthropic)
- 输入API Key(文末有福利)
- 选择模型(强烈推荐
claude-sonnet-4.5,效果最佳)
第二步:描述你的需求(10秒)
在输入框中用自然语言描述图表需求,例如:
画一个用户注册流程图,包含邮箱验证、手机验证和第三方登录三种方式,最后进入个人资料完善页面第三步:编辑与导出(可选)
- 生成后可在画布上自由调整
- 修改颜色、大小、位置
- 增删元素
- 导出为PNG/SVG
💼 真实使用场景,效率提升300%
场景1:技术方案设计
传统方式:用Visio画架构图,平均2小时/图,修改需重做30%内容
Smart Excalidraw:描述需求→生成→微调,20分钟完成,修改仅需重述需求
场景2:会议实时记录
在技术讨论中,边听边输入:
“记录今天的讨论:我们决定采用K8s部署,前端用Next.js,后端拆分为用户、订单、支付三个微服务,数据库用PostgreSQL分库分表”
10秒后,一张讨论要点图自动生成,投影到会议室屏幕,所有人一目了然。
场景3:教学与知识整理
讲师用它快速生成教学示意图:
“画一个神经网络三层结构图,输入层5个节点,隐藏层8个,输出层3个,标注前向传播和反向传播方向”
学习者用它整理知识:
“画一个React组件生命周期流程图,按挂载、更新、卸载三个阶段组织”

🔧 本地部署指南
想完全掌控数据?Smart Excalidraw支持本地部署:
# 克隆项目
git clone 你的仓库地址
cd smart-excalidraw-next
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev访问 http://localhost:3000 即可使用完整功能,所有数据都在你自己的机器上。
技术栈:Next.js 16 + React 19 + Excalidraw + Tailwind CSS 4 + Monaco Editor
🔗 资源汇总
- 在线体验:https://smart-excalidraw.aizhi.site/
- GitHub仓库:https://github.com/liujuntao123/smart-excalidraw-next
- 使用文档:仓库内README.md
- 本地部署:支持Docker一键部署,详情见GitHub
技术人的表达,不该被工具限制。
Smart Excalidraw,让每一份专业,都能被看见。