AIFlow Motion

大多数图表工具仅用于解释结构。AIFLOW Motion 可同时解释结构与执行过程：线条可以流动，标签可随系统移动，节点可按顺序高亮，你在画布上预览的动态效果可以导出，用于文档、发布页面、演示文稿和异步评审。

它专为 AI 系统打造：RAG 流水线、Agent 循环、MCP 工具图、数据流、检索链和自动化工作流，动态展示更易理解。

使用场景

- 向团队或客户讲解 AI Agent、RAG 架构、MCP 配置或自动化流水线。

- 将静态架构图转换为 GIF/视频演示，用于文档和产品发布。

- 使用真实节点类型、产品 Logo 和可编辑执行路径原型化 AI 工作流。

- 准备 AI 产品提案、技术文档、发布视觉素材和面向客户的工作流演示。

产品亮点

- 线条、节点和图标动画 — 支持 7 种边动画、6 种节点动画和 10 种图标动画；可在检查器中调整线条样式、箭头、颜色、渐变、节点高亮和图标动态效果。

- 品牌 Logo 和图标选择器 — 可搜索 6100+ 个来自 theSVG 的品牌/产品 Logo，例如 OpenAI、Claude、DeepSeek、Pinecone、Redis、Docker 和 AWS，也可从 1958 个 Lucide 图标中选择用于自定义节点。

- AI 生成，密钥安全 — 描述你的工作流，服务端生成流程会先设计图结构，再设置样式。密钥仅存储在服务端代理中，浏览器仅调用 /api/ai/* 接口。兼容 OpenAI 兼容模型、Anthropic 和本地（Ollama / LM Studio / vLLM）提供商。

- AI 工作流语义 — 内置节点类型和模板对应真实 AI 系统：LLM、Agent、检索器、向量数据库、提示词、工具、内存、MCP 和多智能体流。

- 丰富编辑功能 — 容器、决策分支、多端口自定义节点、Markdown 笔记、自动布局、多选、撤销/重做、小地图和 8 种深色/浅色主题预设。

- 静态和动画导出 — 可将工作流导出为 PNG、SVG、动态 GIF、MP4 / WebM 或版本化 JSON；可自定义导出背景色，支持为 GIF/视频导出启用可选的逐节点播放。

图标库

AIFLOW Motion 使用两种图标来源：

- 品牌和产品 Logo — 由 theSVG / GLINCKER/thesvg 提供支持，选择器中包含 6100+ 个可搜索 Logo。适用于 AI 公司、模型提供商、数据库、云平台、开发者工具和产品 Logo，例如 OpenAI、Claude、DeepSeek、Pinecone、Redis、Docker、AWS 等。

- 通用节点图标 — 由 Lucide / lucide-icons/lucide 提供支持，共提供 1958 个图标。适用于通用工作流角色、UI 概念、工具、文件、文件夹、搜索、分支、容器、笔记和其他非品牌符号。

自定义节点可在内置 Lucide 图标选择器和 theSVG 库之间切换。theSVG Logo 按需从 CDN 加载；若品牌 Logo 加载失败，节点会回退到选中的通用图标。

功能

区域 支持功能

画布 拖拽、平移、缩放、小地图、自动布局、多选、撤销/重做

节点 AI 专属节点类型、自定义节点、容器、笔记、Markdown、全局或按节点布局

图标 从 theSVG 搜索真实产品 Logo，或选择通用 Lucide 图标

边 标签、起点/终点箭头、曲线或正交路由、线条样式、渐变、动态

动效 节点动画、图标动画、边流动、粒子、发光和播放预览

AI 通过服务端代理实现提示词生成工作流，支持模板回退

导出 PNG、SVG、动态 GIF、MP4 / WebM、版本化 JSON，支持自定义导出背景色