Floani Floani 是一款 AI 驱动的图表编辑器，可将复杂系统生成带动态效果的交互式示意图，并支持接入 Claude、Codex 等 MCP 工具，适合产品与开发者向客户演示方案。 热门评论 PH 用户Hi Product Hunt！我是 Elber，Floani 的创作者。👋一张图表能展示系统的各个部分，而动效有助于说明这些部分如何协同工作。Floani 把两者放进同一块画布，让你能把架构、工作流或想法变成别人能看懂的视觉故事。用 Floani，你可以：• 用内置 AI 创建并打磨图表，或通过 MCP 连接 Claude、Codex 和 Cursor。• 给连接线加上动画，并通过场景、镜头运动和 2.5D 景深引导观众。• 从现成示例开始，或导入 Mermaid 图表。• 现场演示、分享交互式链接、嵌入你的作品，或导出 MP4 和 GIF。有免费方案可以上手，Pro 和 Max 则提供更高级的分享、导出和 MCP 功能。试试云架构或 AI 系统示例，然后告诉我：你想用动态图表解释什么？我很想听听你对编辑器、动画和 AI 工作流的反馈。PH 用户@elberrd 镜头运动 + 动画连接对架构图来说是很好的点睛之笔。拿它来试一个凌乱的 AI 智能体架构应该会很好玩。PH 用户把 Mermaid 做成动态图表，是一件很利落的按次调用任务：发送源内容，拿回 MP4 或 GIF。如果你把它暴露成 API，可以考虑把它上架到 ApyHub（我是联合创始人），这是一个面向开发者和 AI 智能体的 API 目录：大约 10 分钟，不要求独家，智能体可以通过我们的 MCP 开箱即用调用。目前目录里只有静态图表渲染。很乐意帮你把它设置好。 热门产品Elber Domingos2026-10-06原文 打开互动版
一张图表能展示系统的各个部分，而动效有助于说明这些部分如何协同工作。Floani 把两者放进同一块画布，让你能把架构、工作流或想法变成别人能看懂的视觉故事。
用 Floani，你可以：
• 用内置 AI 创建并打磨图表，或通过 MCP 连接 Claude、Codex 和 Cursor。
• 给连接线加上动画，并通过场景、镜头运动和 2.5D 景深引导观众。
• 从现成示例开始，或导入 Mermaid 图表。
• 现场演示、分享交互式链接、嵌入你的作品，或导出 MP4 和 GIF。
有免费方案可以上手，Pro 和 Max 则提供更高级的分享、导出和 MCP 功能。
试试云架构或 AI 系统示例，然后告诉我：你想用动态图表解释什么？我很想听听你对编辑器、动画和 AI 工作流的反馈。