您可以使用一个在线图表即代码工具，例如VPasCode。只需输入一个简单的提示，例如“为 OAuth2 用户登录流程创建一个序列图”，内置 AI 会自动生成底层的 DSL 代码，并在几秒钟内渲染出可实时编辑的图表。
传统图表即代码工具的问题
像 PlantUML 和 Mermaid 这样的文本转图表领域特定语言（DSL）对开发人员、架构师和工程团队来说非常棒。它们允许您将图表存储在 Git 仓库中，跟踪版本变更，并避免繁琐的手动形状对齐。
然而，手动编写这些脚本存在学习曲线：
- 记忆不同格式（PlantUML 与 Mermaid 与 Graphviz）之间的特定语法规则。
- 当箭头或括号放置错误时，排查晦涩的语法错误。
- 仅仅为了添加一个简单的序列或分支而浪费时间查阅文档。
随着生成式 AI 的最新进展，您不再需要从零开始逐行编写这些脚本。一个现代的图表即代码编辑器可以为您编写代码，同时保持输出完全可编辑且可版本控制。
逐步指南：使用 AI 生成 PlantUML 和 Mermaid 图表
要跟随操作，请在您的浏览器中打开免费的VPasCode 图表编辑器。无需安装或初始设置。
步骤 1：打开 AI 生成对话框
导航到 VPasCode 编辑器顶部的工具栏，并点击AI 生成按钮。这将打开提示窗口。
步骤 2：选择您的格式（或使用自动检测）
VPasCode 在对话框顶部提供了一个智能格式选择下拉框。您可以：
- 保持为自动检测（默认）：让 AI 根据您的提示选择最佳的可视化格式。
- 手动选择：如果您的团队严格依赖某一种工具，请选择特定格式：
- PlantUML：序列图、类图、活动图、组件图、状态图、C4 模型、ERD、WBS、甘特图等。
- Mermaid：流程图、序列图、思维导图、ERD、状态图、Git 图、用户旅程图等。
- Graphviz / Markmap / ECharts：适用于复杂的图网络、动态思维导图或数据图表。
步骤 3：输入您的自然语言提示
在格式选择器下方的文本框中，描述您希望可视化的系统、流程或架构工作流。您可以尽量概括或详细地描述。
示例提示：
- “生成一个AI PlantUML 工具序列图，展示包含 JWT 令牌、刷新令牌和数据库验证的微服务用户认证流程。”
- “创建一个 Mermaid 流程图，表示包含支付审批、库存检查和失败回滚分支的电子商务订单处理系统。”
- “为基于云的视频流架构构建一个 C4 容器图。”
步骤 4：点击’AI 生成’并查看您的实时图表
点击AI 生成按钮。VPasCode 将把精确的 DSL 脚本直接写入左侧的代码面板，并在右侧的预览窗口中即时渲染实时可视化模型。
使用 AI 修改现有图表
生成图表只是成功的一半。当系统架构发生变化时，手动编辑代码仍然可能耗时。VPasCode 通过内置的AI 图表代码修改.
- 点击AI按钮，位于左侧代码编辑器面板上方，然后选择修改.
- 用自然语言输入您的指令（例如，“在支付确认后添加电子邮件通知服务”或“将此序列图简化为高层步骤”).
- 点击AI 修改。您的图表脚本将自动更新。
- 可选地点击查看详情以启动并排代码差异和可视化比较页面，以便在保存前检查确切更改。
欲了解更多关于这些新功能的详细信息，请阅读我们的完整VPasCode AI 功能发布公告.
为何 VPasCode 是最佳在线图表即代码工具
| 功能 | 传统工具 | VPasCode 编辑器 |
|---|---|---|
| 创建方式 | 手动拖放或手动脚本编码 | 即时 AI 提示转代码生成 |
| 格式支持 | 单一格式（仅 PlantUML 或仅 Mermaid） | 多领域特定语言（PlantUML、Mermaid、Graphviz、D2、Markmap、ECharts、SQL） |
| 格式检测 | 需手动切换 | 粘贴或生成时自动检测格式 |
| 重构与编辑 | 手动代码编辑 | 自然语言 AI 修改，附带可视化代码差异 |
| 导出选项 | 基础 PNG | 高分辨率 PNG、可缩放矢量 SVG、PDF 以及实时可共享的 URL |
常见问题解答 (FAQ)
1. 什么是 AI PlantUML 工具？
AI PlantUML 工具允许您输入自然语言指令（例如解释软件架构或序列流程），并自动将该文本转换为有效的 PlantUML 脚本代码，从而即时渲染生成的图表。
2. 作为在线图表即代码编辑器，使用 VPasCode 需要付费吗？
不需要，VPasCode 核心平台（包括代码编辑、自动格式检测、实时可视化渲染、链接共享以及 SVG/PNG 导出）可免费使用。高级 AI 功能和文档集成功能需通过 Visual Paradigm 订阅计划获取。
3. 我能否将 AI 生成的代码导出，以便在我的 IDE 或 Git 仓库中使用？
可以！VPasCode 生成干净、标准的领域特定语言 (DSL) 代码（如 PlantUML、Mermaid、Graphviz 等）。您可以直接从编辑器中复制代码，并将其提交到您的 GitHub/GitLab 仓库或文档页面。
今天就开始使用 AI 生成图表
消除空白画布的摩擦，停止与复杂的 DSL 语法搏斗。访问VPasCode 图表编辑器，即刻将您的想法转化为干净、专业的图表！
要探索完整的功能集，请查看VPasCode 概览页面.