Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BPMN AI EditorNew to Visual Studio Code? Get it now.
BPMN AI Editor

BPMN AI Editor

AI BPMN

|
1 install
| (0) | Free
A powerful BPMN diagram editor for Cursor
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

BPMN AI Editor

一个在 Cursor/VS Code 中使用的本地 BPMN 图编辑器,支持直接打开、编辑、自动保存与导出。

插件遵循 BPMN 2.0 标准,可在 Cursor 或其他 AI 对话中直接调整并实时生效,所见即所得。

快速开始

打开编辑器

将文件命名为以 .bpmn 结尾,打开时会自动使用 BPMN 编辑器。

基本操作

  • 拖拽左侧/上方的元素到画布,连接、标注并修改属性
  • 自动保存:编辑后 2 秒无操作会自动保存到当前文件
  • 导出:在编辑器中使用下载/导出按钮保存为 .bpmn 或 .svg

视图与缩放

  • 右下角原生缩放控件:重置、放大、缩小
  • 也可使用快捷键:
    • 放大:Cmd/Ctrl + +
    • 缩小:Cmd/Ctrl + -
    • 适配视口:在编辑器中点击“Reset”按钮

可用命令

  • bpmn-ai-editor.openEditor:打开空白 BPMN 编辑器
  • bpmn-ai-editor.openBpmnFile:使用编辑器打开选中的 .bpmn 文件

可在命令面板中搜索“BPMN AI Editor”找到相关命令。

文件支持

  • 打开:.bpmn(BPMN 2.0 XML)
  • 保存:.bpmn
  • 导出:.bpmn、.svg

常见问题

  • 看不到图标字体/样式异常:
    • 重新打开编辑器或重载窗口
    • 确认扩展未被 Workspace 限制访问本地资源
  • 保存失败:
    • 确保文件可写;若为首次保存,系统会弹出保存路径
    • 若启用了只读权限,请调整后重试
  • palette(工具栏)未显示:
    • 稍等片刻或尝试点击画布后再试
    • 重载窗口重试

反馈

如有问题或建议,欢迎反馈以便持续改进。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft