跳转到主要内容
ToolPotion
AI 顾问
提交(免费)

OpenFlowKit

OpenFlowKit 是一款开源的、本地优先的 AI 图表工具,专为工程师和建筑师设计,可以将代码、架构或提示转换为可编辑的架构图和流程图,并支持 Figma、SVG、PNG 和 JSON 导出。

访问URL
分享
OpenFlowKit 截图
OpenFlowKit 截图

OpenFlowKit 是一款开源的、本地优先的图表工作室,专为开发人员、建筑师、技术创始人和产品团队打造,旨在提供可编辑的图表,而非静态的 AI 图像输出。它可以创建架构图、流程图、系统设计和其他可视化工作流,无论您是喜欢编写代码还是拖放操作。

阅读更多

您可以粘贴 JSON、React 组件、Prisma 架构或 SQL 转储,AI 引擎会解析关系以构建一个动态画布,而不是手动绘制框。它提供一流的图表即代码支持,具有类型安全的 DSL 和 Mermaid.js 语法,智能自动布局由 ELK.js 提供支持,以及一个可以用自然语言聊天的 Flowpilot AI 助手,帮助您构建和样式化模块。AI 是可选的,采用自带密钥的模式,您的 OpenAI 或 Anthropic 密钥会本地存储。

所有数据都保留在本地,保持私密,不会进行云端追踪或强制同步,且无需创建账户即可开始使用。您可以导出为原生 Figma 矢量图层、SVG、PNG 或 JSON,并将图表直接复制到 Figma 中作为可编辑文本和矢量形状。通过 WebRTC 的点对点多人同步功能,团队可以实时协作构建。

OpenFlowKit 完全免费,并采用 MIT 许可证,核心引擎在公开环境中开发,同时还包括一个电影级导出引擎,可以将图表转换为适合演示的 MP4 动画。

  • 类别编程与开发
  • 定价模式开源
  • 部署本地运行
  • 平台网页版

  • 将 JSON、React、Prisma 架构和 SQL 转换为图表

  • 图表即代码,支持类型安全的 DSL 和 Mermaid.js

  • Flowpilot AI 助手,支持自带 OpenAI 或 Anthropic 密钥

  • 由 ELK.js 提供支持的智能自动布局

  • 本地优先,私密,无需账户

  • 导出为 Figma 矢量图层、SVG、PNG 和 JSON

  • 通过 WebRTC 实现点对点多人同步

  • 开源 MIT 许可证引擎和电影级 MP4 动画导出

  1. 打开工作室:从工作区主页开始,选择空白流程、模板或导入,无需账户。

  2. 选择输入:粘贴代码、导入 Mermaid 或 Draw.io 文件,或在 Flowpilot 标签中编写提示。

  3. 添加您的 AI 密钥(可选):要进行 AI 生成,请在设置中添加您自己的 OpenAI 或 Anthropic 密钥。

  4. 视觉优化:移动节点、编辑属性,并运行智能布局以清理间距。

  5. 导出:保存为 JSON 以进行版本控制,或导出为 Figma、SVG 或 PNG。

  • 架构图
  • 图表即代码
  • 白板到图表
  • Figma 交接
  • 团队协作

OpenFlowKit 评价

加载中...

与 OpenFlowKit 类似的热门AI工具

DiagramPreview 是一个基于浏览器的开发者工作区,用于预览和转换 Mermaid、PlantUML、Graphviz、D2、Draw.io 及其他图表代码格式,并可视化架构、API 合同和 DevOps 配置,支持 SVG、PNG 和 PDF 导出。

编程与开发
查看工具

基于浏览器的开发者工作区,用于预览和转换 Mermaid、PlantUML、Graphviz、D2、Draw.io 及其他图表代码格式,并可视化架构、API 合同和 DevOps 配置,支持 SVG、PNG 和 PDF 导出。DiagramPreview 是一个基于浏览器的开发者工作区,用于预览和转换 Mermaid、PlantUML、Graphviz、D2、Draw.io 及其他图表代码格式,并可视化架构、API 合同和 DevOps 配置,支持 SVG、PNG 和 PDF 导出。

编程与开发
查看 AI 应用 Top 250

动画图表

AI 应用

动画图表是一个AI图表工作室,将普通英语提示转换为可编辑的动画架构图、流程图、时序图和产品说明,并支持PNG、可编辑文件和GIF导出。

数据可视化

建筑师 排名第 102 位

查看工具

AI 应用

AI图表工作室,将普通英语提示转换为可编辑的动画架构图、流程图、时序图和产品说明,并支持PNG、可编辑文件和GIF导出。动画图表是一个AI图表工作室,将普通英语提示转换为可编辑的动画架构图、流程图、时序图和产品说明,并支持PNG、可编辑文件和GIF导出。

数据可视化
建筑师 排名第 102 位

Bhava

AI 应用

Bhava 是一款由人工智能驱动的图表编辑器,可以在几秒钟内将文本或图像转换为专业的流程图、架构图、UML、ERD、时序图、思维导图等,提供智能布局和可编辑输出,适用于产品经理、开发人员和工程师。

数据可视化

建筑师 排名第 108 位

查看工具

AI 应用

由人工智能驱动的图表编辑器,可以在几秒钟内将文本或图像转换为专业的流程图、架构图、UML、ERD、时序图、思维导图等,提供智能布局和可编辑输出,适用于产品经理、开发人员和工程师。Bhava 是一款由人工智能驱动的图表编辑器,可以在几秒钟内将文本或图像转换为专业的流程图、架构图、UML、ERD、时序图、思维导图等,提供智能布局和可编辑输出,适用于产品经理、开发人员和工程师。

数据可视化
建筑师 排名第 108 位

AI 流程图是一个在线流程图制作工具和 draw.io 的替代品,可以将文本、提示、标准操作程序(SOP)和图像转换为可编辑的流程图和过程图,并支持导出为 .drawio 格式。

生产力

生产力 排名第 87 位

查看工具

AI 流程图是一个在线流程图制作工具和 draw.io 的替代品,可以将文本、提示、标准操作程序(SOP)和图像转换为可编辑的流程图和过程图,并支持导出为 .drawio 格式。

生产力
生产力 排名第 87 位

AI 图表生成器将普通英语描述、文档或 GitHub 仓库在几秒钟内转换为专业的软件架构、UML 和流程图,使用 D2 代码图表,支持对话式编辑和多格式导出。

AI 编程助手

解释代码 排名第 171 位

查看工具

将普通英语描述、文档或 GitHub 仓库在几秒钟内转换为专业的软件架构、UML 和流程图,使用 D2 代码图表,支持对话式编辑和多格式导出。AI 图表生成器将普通英语描述、文档或 GitHub 仓库在几秒钟内转换为专业的软件架构、UML 和流程图,使用 D2 代码图表,支持对话式编辑和多格式导出。

AI 编程助手
解释代码 排名第 171 位

FlowCraft 在几秒钟内将句子转换为图表、图示和插图。无需手动拖放即可生成思维导图、流程图、序列图、知识图谱等。描述您的想法,选择风格,并优化 AI 生成的视觉效果,以实现清晰的沟通和理解。

数据可视化
查看工具

FlowCraft 在几秒钟内将句子转换为图表、图示和插图。无需手动拖放即可生成思维导图、流程图、序列图、知识图谱等。描述您的想法,选择风格,并优化 AI 生成的视觉效果,以实现清晰的沟通和理解。

数据可视化
查看 AI 应用 Top 250

Dezyn 是一款交互式架构图构建器,允许用户使用拖放组件创建动态云图。它支持 AWS、Azure 和 GCP 图标,提供基于文本提示的 AI 驱动图生成和无缝的实时协作。在浏览器中免费试用,无需注册。

AI DevOps 与云工具

AI DevOps 与云工具 排名第 146 位

查看工具

交互式架构图构建器,允许用户使用拖放组件创建动态云图。它支持 AWS、Azure 和 GCP 图标,提供基于文本提示的 AI 驱动图生成和无缝的实时协作。在浏览器中免费试用,无需注册。Dezyn 是一款交互式架构图构建器,允许用户使用拖放组件创建动态云图。它支持 AWS、Azure 和 GCP 图标,提供基于文本提示的 AI 驱动图生成和无缝的实时协作。在浏览器中免费试用,无需注册。

AI DevOps 与云工具
AI DevOps 与云工具 排名第 146 位

Mermaid 是一款由 AI 驱动的工具,可在几秒钟内将文本描述转换为流程图和序列图等可视化图表。它支持使用自然语言、Markdown 风格的代码或可视化编辑器进行构建,为团队和个人创作者提供无缝的工作流程集成。

数据可视化

写技术文档 排名第 8 位

查看工具

由 AI 驱动的工具,可在几秒钟内将文本描述转换为流程图和序列图等可视化图表。它支持使用自然语言、Markdown 风格的代码或可视化编辑器进行构建,为团队和个人创作者提供无缝的工作流程集成。Mermaid 是一款由 AI 驱动的工具,可在几秒钟内将文本描述转换为流程图和序列图等可视化图表。它支持使用自然语言、Markdown 风格的代码或可视化编辑器进行构建,为团队和个人创作者提供无缝的工作流程集成。

数据可视化
写技术文档 排名第 8 位
1/8