花了 1 个月，把架构大图做成了 60fps 交互运镜工具 FocusFlow

半杯冰美式 · 2026-09-29T05:30:52.363Z

做 FocusFlow 这个项目，起因其实挺具体的。我画了七八年微服务、分布式、云原生架构图，远程做技术交付和方案汇报时，经常卡在几个很尴尬的地方： 1. PPT 塞不下花几天梳理出来的 4K 高清大图，一塞进 PPT 就缩成一团，细节基本变成糊的。数据库、服务依赖、接口链路这些东西，本来就是靠细节说话，缩完之后讲起来很难受。 2. 录视频不够灵活录成 Loom 或 MP4，播放是顺了，但客户或者团队想停下来放大看某张数据库表结构、某个接口参数，就没那么方便。视频时间线是固定的，讲解节奏也很难临场调整。 3. 手搓动效太费劲架构图里想做一点平移、缩放、聚焦、分层展示，靠传统工具一点点调，成本太高。讲一次方案还行，后面改图、改流程、改镜头，维护起来很麻烦。所以我干脆做了 FocusFlow，想把一张复杂架构大图变成可以 60fps 流畅运镜的交互式演示空间。讲到哪里就聚焦哪里，需要细看就停下来放大，不用在 PPT 和视频之间来回妥协。