Flowingto 简介
Flowingto 是一个给产品与设计团队使用的 App 设计参考库。你可以把它理解为团队版本的设计参考库加交互流程图工具：把散落在聊天记录、相册、Figma 文件、本地文件夹和 Notion 文档里的产品截图，重新放回一个可组织、可讨论、可追溯的地方。
Flowingto 围绕截图而设计。它不是只保存图片，而是帮助团队把截图放进工作区、集合、版本、流程和对比关系里，让产品界面可以被长期整理、检索和复用。
为什么需要 Flowingto
在日常产品和设计工作中，截图经常会散落在不同地方，导致这些问题：
- 想找某个功能的历史设计，只能翻聊天记录或旧文件。
- 访问竞品页面成本高，每次都要重新找链接、登录账号、走到对应页面。
- 竞品分析截图保存在 Figma、本地文件夹或零散文档里，难以共享和持续维护。
- 讨论的是一个完整流程，但素材只是孤立图片，无法串起来看。
- 多个竞品或多个版本需要对比时，缺少同一个上下文。
Flowingto 的目标是把这些零散截图变成团队可持续使用的设计知识库。
适用人群
Flowingto 适合经常需要收集、整理、讨论或复用产品截图的人：
- 产品经理：整理竞品页面、记录功能演进，并把截图作为需求讨论的共同上下文。
- 产品设计师：建立界面参考库，对比不同产品的交互细节，沉淀设计模式。
- 设计研究和竞品分析人员：按行业、平台、功能或流程归档截图，持续维护分析素材。
- 增长、运营和市场团队：收集落地页、定价页、活动页、注册流程等可复用参考。
- 开发和 QA 团队：保存关键界面状态、回归截图和跨版本差异，辅助沟通与验收。
- 使用 agent 或自动化工具的团队：通过 CLI 或无头浏览器批量采集页面截图，并同步到团队集合。
Flowingto 适合做什么
当截图是产品工作的一部分时，可以使用 Flowingto：
- 建立团队共享的应用界面参考库。
- 跟踪界面在不同版本或设计阶段中的变化。
- 对比不同平台、竞品或版本中的相似页面。
- 评审 onboarding、登录、结账、升级、设置等用户路径。
- 在 Web 应用中手动上传截图，或通过浏览器扩展和 CLI 自动收集截图。
核心概念
工作区
工作区按团队或组织管理权限和协作范围。它包含集合、对比看板、搜索结果和成员。
集合
集合按平台、产品线或参考对象分类。集合可以标记为 iOS、Android、Web 或 Desktop。
版本
版本按时间或迭代记录同一个软件的设计演进过程。你可以用版本表示发布版本、某天采集的截图、设计迭代或评审节点。
截图
截图是集合版本中的单个页面。你可以在网格中浏览截图，也可以打开截图查看器进一步检查。
流程
流程由一组有顺序的截图组成。适合用来记录产品路径，并评审页面之间的顺序关系。
对比
对比基于集合创建，把不同软件、平台或版本的设计放在一起分析。
产品入口
Flowingto 目前包含三个入口：
- Web 应用：用于浏览、上传、整理、查看、编排和对比截图。
- 浏览器扩展：用于访问网页时，把当前页面截图直接保存到 Flowingto 集合。
- CLI：用于在本地、脚本、自动化流程或 agent 工作流中收集并上传截图。
如何开始
- 阅读 Web 应用概览，了解可视化工作流。
- 创建或选择一个工作区。
- 为应用或产品界面创建集合。
- 将截图上传到某个版本。
- 需要深入评审时，再创建流程和对比集合。
如果你的截图来自本地文件夹、无头浏览器或自动化流程，继续阅读 CLI 快速开始。