Flowingto
一个面向产品与设计团队的截图资料库，用于收集参考、追踪版本并组织用户流程。
- 2026.03.11
- 产品设计 · Web 应用、浏览器扩展与 CLI
Flowingto 是一个以截图为基本单位的协作数据库，也可以理解为团队共享的设计参考库与用户流程工具。它把散落在聊天记录、相册、Figma 链接和 Notion 文档中的产品截图，放回一个可以组织、讨论和追溯的结构中。
为什么需要它？
产品与设计团队经常遇到几类问题：
- 功能的历史设计只能从聊天记录中查找；
- 重新访问竞品页面时，需要再次查找链接、登录并定位页面；
- 竞品截图分散在 Figma 或本地文件夹中，缺少稳定的共享方式；
- 团队讨论的是完整流程，保存的素材却是彼此孤立的图片；
- 多个产品的设计无法在同一个视图中比较。
Flowingto 用四层结构组织这些内容：
- Workspace（工作区）：按团队或组织管理权限与协作范围；
- Collection（集合）：按平台或产品线分类，例如 iOS、Android、Web 和 Desktop；
- Version（版本）：按时间或迭代记录同一产品的设计变化；
- Compare（对比）：基于 Collection 比较不同产品的设计。
Logo
设计
Flowingto 使用偏暖的中性色。我调整了 Tailwind 的默认灰色色板，使界面整体更接近暖灰。组件和动效沿用同一套视觉与节奏规则。
浏览器扩展与 CLI
除 Web 应用外，Flowingto 还提供浏览器扩展和 CLI。浏览器扩展可以把当前页面截图直接保存到指定 Collection。CLI 则面向 Agent 工作流，通过无头浏览器访问页面、截图并上传，使资料收集可以自动执行。