Claude Code画图神器来了，比Visio快10倍！

程序员在写技术文档时，经常会有画架构图、流程图、时序图的需求。最近发现一款AI画图工具Next AI Draw.io, 仅需通过自然语言命令和AI辅助即可绘制图表，效率比传承画图工具Visio快10倍，今天给大家分享下这款AI画图神器！

Next AI Draw.io简介

Next AI Draw.io一款集成了AI功能的网页应用，可以与draw.io图表无缝结合，通过自然语言命令和AI辅助实现图表绘制，目前在Github上已有29k+star。它的功能特性如下：

下面是它使用过程中的效果图，还是挺炫酷的！

MCP安装

Claude Code需要安装Next AI Draw.io的MCP才能操作它来绘制图表。
首先我们在Claude Code中通过如下命令来添加MCP；
claude mcp add drawio -- npx @next-ai-drawio/mcp-server@latest
也可以使用CC Switch这种可视化工具来配置MCP，具体配置如下；

这个MCP的主要功能如下，包括了获取和绘制图表的各个工具；

使用

架构图首先我们来绘制一张架构图，打开Claude Code，输入提示词：用draw.io mcp画一张mall项目的系统架构图Claude Code会调用MCP并通过浏览器打开Next AI Draw.io的绘制页面，默认地址为：
http://localhost:6002 这里是绘制完成的架构图，效果还是挺不错的！

时序图

再绘制一张时序图，输入提示词：用draw.io mcp画一张mall项目用户登陆过程的时序图。这是绘制完的时序图，具体效果如下。

用例图
再绘制一张用例图，输入提示词：用draw.io mcp画一张电商项目的用例图。这是绘制完的用例图，具体效果如下。

总结

今天给大家分享了Next AI Draw.io这款AI绘图工具，配合Claude Code使用确实很方便，感兴趣的小伙伴可以尝试下它！

项目地址

https://github.com/DayuanJiang/next-ai-draw-io