[{"data":1,"prerenderedAt":57},["ShallowReactive",2],{"$f32l57vvjj1x1f":3},{"slug":4,"title":5,"summary":6,"date":7,"updated":8,"tags":9,"cover":11,"coverAlt":12,"draft":13,"minutes":14,"html":15,"toc":16,"newer":53,"older":56},"how-floto-chrome-extension-growth","【增长分析】一个月内从329 到 10K 用户，Floto 扩展程序都做了什么？","半年不足 400 用户，随后不到一个月增长至 10K，Floto 的 Chrome 扩展经历了什么？\n本文结合 Extension Ranker 历史数据与公开推广记录，梳理它在 Figma Community、Product Hunt、AppSumo 和创作者合作中的尝试，分析产品定位与分发方式的变化，为扩展开发者提供选择推广渠道、发现用户需求和研究竞品增长的参考。","2026-09-23","2026-10-23",[10],"Chrome扩展程序增长分析","\u002Fimages\u002Fposts\u002Fhow-floto-chrome-extension-growth\u002Fcover.webp","Floto 扩展增长观察封面插画：一名女性看着笔记本电脑上的上升曲线，标题写着 329 → 10K",false,16,"\u003Cp>在通过 \u003Ca href=\"https:\u002F\u002Fextensionranker.com\u002F?utm_source=keepgoingjoe&utm_medium=blog&utm_campaign=how-floto-chrome-extension-growth\" target=\"_blank\" rel=\"noopener\">Extension Ranker\u003C\u002Fa> 监控 Chrome 扩展程序市场时，一款叫 Floto 的扩展程序引起了我的注意。\u003C\u002Fp>\n\u003Cp>这款基于 AI 的 UX\u002FUI 审核的扩展程序，在不到一个月的时间里，\u003Cstrong>从 329 个用户一路上涨到 10,000 多个用户\u003C\u002Fstrong>。\u003C\u002Fp>\n\u003Cp>更有意思的是，它此前已经上架了半年多，用户数却一直没有超过 400。\u003C\u002Fp>\n\u003Cp>一条平缓了几个月的曲线，突然开始陡升。究竟发生了什么？\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fimages\u002Fposts\u002Fhow-floto-chrome-extension-growth\u002F1.webp\" alt=\"Extension Ranker 中 Floto: Design Feedback 近一年的用户曲线：6 月至 8 月中旬一直在 400 以下，8 月下旬开始陡升，9 月下旬达到 1 万用户\" loading=\"lazy\" decoding=\"async\">\u003C\u002Fp>\n\u003Ch2 id=\"增长爆发的线索\">增长爆发的线索\u003C\u002Fh2>\n\u003Cp>短时间内实现近万的用户量增长，很难从自然增长的角度来解释。我着重查看了 Floto 团队在拐点时间附近都开展了哪些营销活动，很快就在 Instagram 找到了线索。\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fimages\u002Fposts\u002Fhow-floto-chrome-extension-growth\u002F2.webp\" alt=\"Instagram 上多位创作者发布的 Floto 推广短视频，封面文字包括「AI roasted my website」「How to improve your UI designs」\" loading=\"lazy\" decoding=\"async\">\u003C\u002Fp>\n\u003Cp>从 8 月 14 日开始，陆续有创作者发布 Floto Chrome 扩展相关内容：打开一个网站，让 Floto 找出页面中的设计、文案和可用性问题，再把修改建议交给 Claude Code、Cursor 等工具执行。\u003C\u002Fp>\n\u003Cp>8 月 20 日，类似的视频继续出现。到了 8 月 24 日，多位创作者发布 Floto 相关内容，其中还包括与官方账号共同发布的 Instagram Collab。\u003C\u002Fp>\n\u003Cp>与此同时，扩展程序的用户曲线开始明显上扬。\u003C\u002Fp>\n\u003Cp>之后，同类内容仍在陆续发布，用户数也继续增长。把两条时间线放在一起，Instagram 创作者推广成为了这次增长最值得关注的线索。\u003C\u002Fp>\n\u003Cp>但随着调研深入，我发现 Floto 早就尝试过红人营销，也做过 Product Hunt、Figma Community 和 LinkedIn 推广。\u003C\u002Fp>\n\u003Cp>既然扩展程序 2 月就已上线，团队也一直有推广动作，为什么用户量直到 8 月才明显变化？\u003C\u002Fp>\n\u003Cp>前半年，Floto 到底在做什么？\u003C\u002Fp>\n\u003Ch2 id=\"前半年的推广为什么没有带动扩展程序增长\">前半年的推广，为什么没有带动扩展程序增长\u003C\u002Fh2>\n\u003Ch3 id=\"最初的产品定位\">最初的产品定位\u003C\u002Fh3>\n\u003Cp>为了弄清楚这个问题，我查看了 Floto 扩展程序最初的定位。\u003C\u002Fp>\n\u003Cp>它当时叫 Design Diff by Floto，主要面向需要检查设计还原度的设计师和开发团队，必须搭配 Floto 的 Figma 插件使用。Figma 插件提供设计稿，Chrome 扩展获取浏览器中的实际页面，两者配合，找出布局、颜色、间距等方面的差异。\u003C\u002Fp>\n\u003Ch3 id=\"围绕-figma-工作流展开的推广\">围绕 Figma 工作流展开的推广\u003C\u002Fh3>\n\u003Cp>理解这一点，再看 Floto 的早期推广，就容易多了。\u003C\u002Fp>\n\u003Ch4>Figma Community\u003C\u002Fh4>\n\u003Cp>Figma Community 是其中一个入口。\u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fragsvadali_my-go-to-app-right-now-as-a-founder-google-activity-7424378913650274304-vmHW\" target=\"_blank\" rel=\"noopener\">创始人曾提到，早期设计师用户会通过朋友推荐、关注的创作者，以及 Figma Community 搜索找到 Floto。\u003C\u002Fa>对于已经在 Figma 中工作的设计师，这是一条很自然的发现路径。\u003C\u002Fp>\n\u003Ch4>红人营销\u003C\u002Fh4>\n\u003Cp>与创作者的内容合作也围绕着设计师群体展开。例如，\u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fpunitweb_uxdesign-design-uidesign-activity-7479868248696479744-kIxw\" target=\"_blank\" rel=\"noopener\">Punit Chawla 在一条明确标注赞助的 LinkedIn 帖子中\u003C\u002Fa>，介绍了 Floto 的设计审计、模拟用户测试和原型检查。他提供了额外使用额度的邀请码，评论区的链接则直接指向 Figma 插件。\u003C\u002Fp>\n\u003Cp>这个细节很关键：用户看完内容后，有了一个明确的尝试理由，也有直接进入产品的链接，但链接通往的是 Figma 插件市场。\u003C\u002Fp>\n\u003Cp>因此，Chrome 扩展没有明显增长，并不能说明这次推广没有效果。\u003C\u002Fp>\n\u003Ch4>Product Hunt\u003C\u002Fh4>\n\u003Cp>扩展本身也获得过曝光。\u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fragsvadali_we-just-launched-design-diff-on-product-hunt-activity-7436720123039678465-tfFI\" target=\"_blank\" rel=\"noopener\">Floto 在 Product Hunt 发布 Design Diff 时\u003C\u002Fa>，创始人专门介绍了 Chrome 扩展如何获取页面、关联 Figma Frame，再把发现的问题发送到 Linear 或 Jira。\u003C\u002Fp>\n\u003Cp>这次发布的切入点很具体：设计师不用再手动截图、标注，一点点检查开发结果是否还原了设计稿。\u003C\u002Fp>\n\u003Cp>不过，Design Diff 仍然面向需要对照 Figma 检查实现结果的人。推广带来了曝光，扩展的使用前提并没有改变。\u003C\u002Fp>\n\u003Cp>回头看，Chrome 扩展在前半年始终是 Figma 工作流中的配套工具。即使用户通过推广了解了 Floto，也只有在需要比较设计稿与实际页面时，才有理由进一步安装扩展。这让它能够吸引的用户，局限在一个更具体的使用场景里。\u003C\u002Fp>\n\u003Ch2 id=\"扩展程序的定位变化\">扩展程序的定位变化\u003C\u002Fh2>\n\u003Ch3 id=\"appsumo-上出现了另一种需求\">AppSumo 上出现了另一种需求\u003C\u002Fh3>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fappsumo.com\u002Fproducts\u002Ffloto-ai\u002F\" target=\"_blank\" rel=\"noopener\">Floto 上架了 AppSumo\u003C\u002Fa>，并推出终生套餐。它的产品页同样以 Figma 内的设计审计、Persona Testing、Flow Analysis 和 Design Diff 为主要卖点。\u003C\u002Fp>\n\u003Cp>这种分发方式值得注意。它给用户提供了一个明确的购买方案，也让潜在买家有机会在付款前追问：这款工具究竟能不能解决我的问题？\u003C\u002Fp>\n\u003Cp>7 月 27 日，\u003Ca href=\"https:\u002F\u002Fappsumo.com\u002Fproducts\u002Ffloto-ai\u002Fquestions\u002Fchrome-extension-1535038\u002F\" target=\"_blank\" rel=\"noopener\">一位用户提出的问题恰好击中了 Chrome 扩展的使用限制\u003C\u002Fa>。他不使用 Figma，也不基于设计稿开发，但希望检查自己正在构建的 Web App。如果扩展只能使用 Design Diff，那么这个套餐对他就没有什么价值。\u003C\u002Fp>\n\u003Cp>Floto 创始人回复说，Design Diff 确实是当时扩展的主要功能，但团队已经计划从第二天开始推出更新，让用户无需 Figma 文件，也能直接检查网页的可用性、文案和可访问性，并生成交给 coding agent 的修改提示词。\u003C\u002Fp>\n\u003Ch3 id=\"扩展程序有了新的安装理由\">扩展程序有了新的安装理由\u003C\u002Fh3>\n\u003Cp>再回到 \u003Ca href=\"https:\u002F\u002Fextensionranker.com\u002F?utm_source=keepgoingjoe&utm_medium=blog&utm_campaign=how-floto-chrome-extension-growth\" target=\"_blank\" rel=\"noopener\">Extension Ranker\u003C\u002Fa> 保存的商店历史信息，产品定位的变化就更加直观了。\u003C\u002Fp>\n\u003Cp>早期描述强调比较 Figma 设计稿与实际页面。调整后，Floto 开始强调直接检查网页中的 UI、文案、可用性和可访问性，并生成可以交给 Cursor、Claude Code 等工具执行的修改提示词。\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"\u002Fimages\u002Fposts\u002Fhow-floto-chrome-extension-growth\u002F3.webp\" alt=\"Extension Ranker 记录的 Floto 商店描述变更对比（2026 年 7 月 6 日至 8 月 1 日）：旧描述强调与 Figma 设计稿比对，新描述强调直接审查网页的可用性、文案和可访问性\" loading=\"lazy\" decoding=\"async\">\u003C\u002Fp>\n\u003Cp>原来的 Design Diff 仍然有价值，但 Floto 的 Chrome 扩展程序多了一个不依赖 Figma 的使用场景。能够使用它的人，也从设计师和开发团队扩展到了不使用 Figma 的网站的 Builders。\u003C\u002Fp>\n\u003Cp>创始人在后来的\u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Fragsvadali_act-one-started-with-a-horizontal-line-act-activity-7499160824041787392-MPth\" target=\"_blank\" rel=\"noopener\">分享\u003C\u002Fa>中明确提到了这个方向：团队希望把服务设计师时积累的反馈能力带给 Builders，并判断这类需求会随 vibe coding 工具的普及而增长。\u003C\u002Fp>\n\u003Cp>这让我重新理解了 8 月的推广内容。创作者面对的观众中，不必人人都是设计师，也不必人人都使用 Figma。只要正在搭建网站，就可能需要检查页面，再把建议交给 AI 修改。\u003C\u002Fp>\n\u003Cp>Floto 的扩展程序由此获得了一个更广泛的安装理由。\u003C\u002Fp>\n\u003Chr>\n\u003Cp>不过，新的使用场景上线后，用户曲线并没有立即陡升。明显的增长出现在随后 Instagram 创作者内容集中发布的阶段。\u003C\u002Fp>\n\u003Cp>这也是我在这个案例里最关注的变化：扩展能够服务的人群扩大了，推广内容也开始直接面向这群人，并把他们带向 Chrome 扩展程序。\u003C\u002Fp>\n\u003Ch2 id=\"我们可以借鉴哪些推广方式\">我们可以借鉴哪些推广方式？\u003C\u002Fh2>\n\u003Cp>我们已经看到了 Floto 在增长前后做过的尝试。如果你也是在寻找增长机会的扩展程序开发者，那么接下来值得关注的是：其中哪些做法适合自己的产品，可以从哪里开始，又该如何判断尝试是否有效？\u003C\u002Fp>\n\u003Ch3 id=\"平台社区从用户的需求场景切入\">平台社区：从用户的需求场景切入\u003C\u002Fh3>\n\u003Cp>如果扩展服务于某个平台或工作流，可以先去用户已经聚集的地方寻找机会。\u003C\u002Fp>\n\u003Cp>Floto 早期围绕 Figma Community 和设计类创作者展开推广，与它当时的产品形态是对应的。用户已经在 Figma 中工作，也更容易理解设计反馈和设计还原检查的价值。\u003C\u002Fp>\n\u003Cp>类似地，一个服务于特定网站的扩展，可以先调查这个网站的用户社区：他们在哪里交流，反复抱怨哪些操作，又会主动推荐什么工具。\u003C\u002Fp>\n\u003Ch3 id=\"product-hunt围绕具体问题组织发布\">Product Hunt：围绕具体问题组织发布\u003C\u002Fh3>\n\u003Cp>Product Hunt 是一个展示和发现新产品的平台。你可以围绕一次产品上线或有明确价值的功能更新，准备介绍和演示，与感兴趣的用户交流。\u003C\u002Fp>\n\u003Cp>前面提到的 Design Diff，就围绕设计还原检查这个具体问题组织了发布。如果你的扩展功能较多，也可以先选一个最容易演示价值的场景作为发布主题。\u003C\u002Fp>\n\u003Cp>发布后，除了关注点赞和评论，还要看有多少人进入商店、安装扩展，以及完成首次使用。这些数据更能帮助你判断，内容吸引到的是否是产品真正需要的用户。\u003C\u002Fp>\n\u003Ch3 id=\"appsumo通过套餐销售接触潜在买家\">AppSumo：通过套餐销售接触潜在买家\u003C\u002Fh3>\n\u003Cp>AppSumo 是一个软件优惠销售平台，同样是一个很好的用户反馈渠道。\u003C\u002Fp>\n\u003Cp>你可以通过推出优惠的套餐折扣吸引潜在买家。潜在买家则可以在购买前查看评价、询问功能，判断产品是否适合自己。这些购买前的交流很有价值。你可能收到潜在买家的反馈，他准备拿产品做什么，以及什么问题让他迟迟没有下单。\u003C\u002Fp>\n\u003Cp>从 Floto 的例子可以看到，AppSumo 除了提供销售机会，也让团队接触到了现有产品尚未满足的需求。\u003C\u002Fp>\n\u003Cp>如果你考虑尝试 AppSumo，可以同时关注销售和这些具体的购买顾虑。不过，终身套餐需要结合长期成本设计，尤其是持续调用 AI 的扩展，要提前算清使用额度、服务成本和支持投入。\u003C\u002Fp>\n\u003Cp>即使暂时不打算上架，同类产品的公开问答区也值得研究。那里可能就有一批正在寻找解决方案、却还没有找到合适工具的用户。\u003C\u002Fp>\n\u003Ch3 id=\"内容营销把受众演示和安装路径连起来\">内容营销：把受众、演示和安装路径连起来\u003C\u002Fh3>\n\u003Cp>即使暂时没有赞助预算，你仍然可以借鉴 Floto 红人营销视频中的选题、演示方式和产品入口，自己制作一条内容，观察目标用户的反应。\u003C\u002Fp>\n\u003Ch4>内容面向谁\u003C\u002Fh4>\n\u003Cp>同一个扩展，可以从不同用户的问题切入。面对设计师，Floto 可以展示如何检查设计还原度；面对通过 AI 构建网站的人，则可以展示如何发现发布前遗漏的问题。\u003C\u002Fp>\n\u003Cp>准备内容前，可以先写清楚：这条内容是给谁看的，他正在完成什么任务，又会在哪一步需要你的扩展。确定这些，再选择演示素材和发布渠道。\u003C\u002Fp>\n\u003Ch4>演示一个具体任务\u003C\u002Fh4>\n\u003Cp>Floto 后期的视频把扩展放进了一个完整任务：打开网站，发现问题，生成修改提示，再交给 AI 工具执行。\u003C\u002Fp>\n\u003Cp>观众可以直接判断，这个工具能用在自己的哪一步。\u003C\u002Fp>\n\u003Cp>准备推广素材时，也可以从一个真实任务出发。用户遇到了什么麻烦，扩展如何处理，完成以后有什么变化。功能介绍可以跟着操作出现，不必一开始就把所有能力都列出来。\u003C\u002Fp>\n\u003Cp>如果演示必须解释很久，才能让人理解为什么要安装，可能还需要把任务选得更具体。\u003C\u002Fp>\n\u003Ch4>给观众一个明确的下一步\u003C\u002Fh4>\n\u003Cp>在整理过的 Floto 内容中，有创作者让观众评论关键词获取链接，也有内容引导用户到 Chrome 扩展商店搜索。Punit 的 LinkedIn 推广则提供了 Figma 插件链接和额外额度邀请码。\u003C\u002Fp>\n\u003Cp>这些细节决定了兴趣能否继续转化为尝试。\u003C\u002Fp>\n\u003Cp>内容发布前，你也应该亲自走一遍这条路径：看完视频，在哪里获得链接，链接打开哪一页，用户能否找到刚才演示的功能？\u003C\u002Fp>\n\u003Cp>如果产品同时有网站、插件和扩展，尤其需要确认推广链接是否指向了预期入口。\u003C\u002Fp>\n\u003Ch4>把发布过程与增长曲线放在一起观察\u003C\u002Fh4>\n\u003Cp>Floto 的相关内容在多个时间点陆续出现，增长之后也仍有后续发布。因此，只盯着某一条视频，很容易忽略整段分发过程。\u003C\u002Fp>\n\u003Cp>在开展内容营销的过程中，可以记录每条内容的发布时间和落地链接，再结合安装、首次使用等数据观察变化。有条件时，为不同内容设置独立的追踪链接或邀请码。\u003C\u002Fp>\n\u003Ch2 id=\"这也是我为什么持续监控扩展增长\">这也是我为什么持续监控扩展增长\u003C\u002Fh2>\n\u003Cp>如果只打开 Floto 现在的 Chrome 扩展程序商店页面，很容易把它理解成一款已经拥有上万用户的 AI 网站审核工具。\u003C\u002Fp>\n\u003Cp>历史数据提供了另一幅图景：它曾经长期停留在几百名用户，早期承担的是不同的功能，商店描述和目标人群也在增长前后发生了变化。\u003C\u002Fp>\n\u003Cp>这次调研里，\u003Ca href=\"https:\u002F\u002Fextensionranker.com\u002F?utm_source=keepgoingjoe&utm_medium=blog&utm_campaign=how-floto-chrome-extension-growth\" target=\"_blank\" rel=\"noopener\">Extension Ranker\u003C\u002Fa> 的用户曲线帮我定位了需要重点调查的时间段，历史描述则让我看到了扩展前后究竟在向用户承诺什么。\u003C\u002Fp>\n\u003Cp>随后，再用 Product Hunt 发布帖、Creator 内容和 AppSumo 问答补上外部线索。\u003C\u002Fp>\n\u003Cp>公开用户数无法告诉我们每个渠道贡献了多少安装，却能帮助我们提出更具体的问题。为什么这里开始增长？此前改过什么？推广内容把谁带到了哪个入口？\u003C\u002Fp>\n\u003Cp>对扩展程序开发者来说，一条异常曲线的价值，也正在这里。\u003C\u002Fp>\n\u003Cp>下次看到竞品突然增长，可以顺着时间线继续追问：它开始服务谁，向这些人展示了什么，又把他们带到了哪个产品入口？\u003C\u002Fp>\n",[17,20,23,26,29,31,34,36,39,42,45,48,51],{"level":18,"title":19,"slug":19},2,"增长爆发的线索",{"level":18,"title":21,"slug":22},"前半年的推广，为什么没有带动扩展程序增长","前半年的推广为什么没有带动扩展程序增长",{"level":24,"title":25,"slug":25},3,"最初的产品定位",{"level":24,"title":27,"slug":28},"围绕 Figma 工作流展开的推广","围绕-figma-工作流展开的推广",{"level":18,"title":30,"slug":30},"扩展程序的定位变化",{"level":24,"title":32,"slug":33},"AppSumo 上出现了另一种需求","appsumo-上出现了另一种需求",{"level":24,"title":35,"slug":35},"扩展程序有了新的安装理由",{"level":18,"title":37,"slug":38},"我们可以借鉴哪些推广方式？","我们可以借鉴哪些推广方式",{"level":24,"title":40,"slug":41},"平台社区：从用户的需求场景切入","平台社区从用户的需求场景切入",{"level":24,"title":43,"slug":44},"Product Hunt：围绕具体问题组织发布","product-hunt围绕具体问题组织发布",{"level":24,"title":46,"slug":47},"AppSumo：通过套餐销售接触潜在买家","appsumo通过套餐销售接触潜在买家",{"level":24,"title":49,"slug":50},"内容营销：把受众、演示和安装路径连起来","内容营销把受众演示和安装路径连起来",{"level":18,"title":52,"slug":52},"这也是我为什么持续监控扩展增长",{"slug":54,"title":55},"learn-from-chrome-extension-competitor-tutorials","Chrome 扩展程序上架后，如何从竞品教程中找到推广机会？",null,1792728111402]