在fitten code中快速生成时序图需先启用ai绘图权限,再通过自然语言指令(如“绘制时序图:用户点击登录按钮→…”并按ctrl+enter)、右键注释块选择“ai生成时序图”,或对含调用链的函数按alt+u自动提取,支持并行消息标注。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Fitten Code中快速生成代码时序图,需借助其内置的AI绘图能力与UML语法识别功能,无需手动拖拽组件或切换建模工具,直接从自然语言描述或代码片段触发生成。
确认Fitten Code已启用AI绘图权限
打开Fitten Code → 点击左下角用户头像 → 进入「设置」→ 在「AI服务」页签中勾选「允许生成UML类图/时序图」。【未开启此选项将无法调用时序图生成功能】
该设置仅需操作一次,重启编辑器后即永久生效。
用自然语言指令触发生成
方法一:在任意代码文件末尾新起一行,输入以“绘制时序图”开头的中文指令,例如:
绘制时序图:用户点击登录按钮 → 前端校验表单 → 调用/api/login接口 → 后端验证Token → 返回登录成功响应
输入完成后,将光标停在该行末尾,按 Ctrl+Enter(Windows/Linux)或 Cmd+Enter(macOS)。
Fitten Code 1.0.3是一款由清华博士团队打造的AI编程助手,基于国产计图(Jittor)深度学习框架开发。它支持VS Code、JetBrains系列等主流IDE及80多种编程语言。核心功能包括智能代码补全、注释生成、代码解释、Bug检测、单元测试生成等,旨在全方位提升开发效率。该工具对个人用户免费开放。
方法二:选中一段含交互逻辑的注释块(如JSDoc中@sequence描述),右键 → 选择「AI生成时序图」。
从已有代码自动提取时序关系
第一步:确保代码中存在清晰的跨函数/跨服务调用链,例如包含 fetch、axios.post、this.$http.get、callExternalService() 等可识别的调用关键词;
第二步:将光标置于目标函数定义行(如 async function handleSubmit() {),按下 Alt+U;
第三步:Fitten Code会自动扫描该函数内所有 await 调用及同步方法跳转,构建参与者与消息顺序。若检测到多个异步分支,它默认按代码执行顺序合并为一条主路径,【若需保留并行消息,请在调用前添加 // @parallel 注释】;
第四步:预览面板弹出后,点击「插入为Mermaid代码块」即可在当前文件中插入可编辑的时序图源码。










