AI工具站拆解系列01：AI图片网站 Flux1.ai 拆解及复刻
AI工具站拆解系列01：拆解套壳AI生图网站，看看它是如何借助 Flux 的东风拿到 TOP 流量，拆解后会从零基础角度讲解如何快速复刻。
该文是本系列的第一篇文章，A梦正在挑战一年拆解52个AI工具站，并解读还原其产品构建原理，让你也能低成本复刻，关注我跟踪后续内容。
今天我们要拆解的是一个 AI 图像生成网站，其曾凭借 Flux 开源生图模型发布的东风一跃成为该关键词的 Top3 网站，几乎截获了大量 Flux 生图相关的关键词，但看网站其实就是套壳 Flux 模型，并无其他黑科技，今天我们就来拆解该网站。
本文是拆解 flux1.ai 的上篇，将着重分析该网站上线的时间点，还原最初冷启动的事件，解读它是如何进行冷启动并获得百万流量。 下一篇我将带大家一起使用最低成本复刻其网站的最初版本，让你也能轻松做出 flux 生图网站。
- Flux1.ai 介绍
- 数据详情：从大盘到流量分布，从桌面端到移动端的失利
- 冷启动追溯
- 商业模式浅析
一、Flux1 介绍
先介绍一下 Flux 模型，这是由曾经打造 Stable Diffusion 的部分核心成员，在 2024 年 8 月创立新团队后推出的新一代 AI 绘画工具。
FLUX.1 模型在 2024 年 8 月 1 日欧洲上午9:00（北京时间下午3点）正式面向全球用户发布，随即同步到 Hugging Face、Replicate 及主要社区平台。其中的 Flux.1 Dev/Schnell 等模型为免费开源，可供开发者和爱好者自由下载及本地部署使用。
我们先来了解一下该站点目前的情况：
- 域名注册时间是 2024-08-02 02:57:56，大概半小时后第一个页面上线。
- 曾经最高峰时期是2025年4月，月访问量达到了228万次。
- 最新2025年6月份有接近98万次访问，平均每个用户会访问4个页面，大概停留2分17秒；有42%的用户访问第一个页面就会离开。
二、数据详情
2.1 大盘数据分析
目前网站上线已经1年时间，截止2025年6月，总访问量1316万，平均下来每月访问量120万，平均访客数65万左右（这个数据在第四章里用来估算收益）。 访问桌面端和移动端的比例是2:3，这是个很有意思的数据，后面会详细展开说。
每个访客平均访问3.92个页面，停留时间2分18秒；其中40%的访客在第一个页面就离开网站。
看到首页的跳失率，可以简单看一下首页，看看跳失率高的可能原因：
- 首页从上线到现在一直没有太大的更新，对于新老用户来说都不是一件好事，老用户希望看到更新的内容，新用户需要更符合实时的内容
- 首页缺少吸引力，且需要尝试生图需要进一步跳转
- 导航栏增加了大量新内容，但是都没有在首页体现和引导，只是作为了SEO的材料，有点可惜
2.2 流量趋势变化
按月查看网站数据变化，会发现有三个主要的流量爆发时期。
但月的颗粒度太大，不好准确定位时间，我们切换到周视角，可以更清晰的看到变化的时间点： 结合当时发生的重大事件，我整理成一张表格，大家就能清晰知道为何是这三个时间点会暴涨：
同样的，从子页面流量来看也是这三个事件相关页面最高： 可以清楚的看到，flux1.ai 的每次流量暴涨都伴随着行业新闻的发布，AI 图像领域的每一次模型升级迭代，对于图片站都是一次利好的机会。
2.3 流量分布-渠道
看流量分布可以看到主要靠搜索引擎（有机渠道61.86%占比），且因为网站是蹭词网站，没有自己的品牌，所以几乎没有做付费推广。 仔细研究发现付费流量，主要是在刚启动时的前两三个月有投放。具体启动期的事件下文会有详解。
通过 SEMRush 分析，我们还能看到 AI 也给其带来了约3万的访问量，不过都是发生在桌面端。
通过跟 AI 尝试沟通，发现 AI 容易将其混淆为 Flux 官方网站，这也是对方有意为之，套一层壳用类似官方的域名方式，YouTube 也有人发视频指出其不是官方网站需注意防范。但不得不说，早起抢注到一个好域名，确实带来了一定的优势。
2.4 流量分布-外链
在外链方面，占比4.7%，接近62万，其中2024年8月带来1.2万。 对焦2024年8月带来流量的域名：
统计了该网站现在所有的外链，目前有接近2.5万，其中384个最佳外链。
对外链发现日期进行统计分析，发现最初三个月并没有非常频繁发外链，在后期趋于稳定状态：
- 2024Q3: 11个（起步阶段）
- 2024Q4: 96个（快速增长）
- 2025Q1: 80个（稳定发展）
- 2025Q2: 112个（创新高峰）
- 2025Q3: 85个（当前趋势）
2.5 流量分布-桌面vs移动端
前面有提到桌面端和移动端的比例是2:3，这是个很有意思的数据，这里会展开说说。如果你单独看下面这张不同渠道的流量趋势，可能不容易发现问题所在： 那么我们把图片拆开来看，聚焦在同样的区间看数据增量变化就能发现问题所在，同样是在2025年3月24日到4月6日期间：
- 桌面端：104676 → 247687（增幅136.62%）
- 移动端：86875 → 769084（增幅785.27%）
从上面的图看不出来这期间的访问量移动端居然是桌面端的3倍还多！要知道前面整体数据只有1.5倍。 这个时候正是吉卜力关键词爆火的时候，大量的移动端流量倾斜： 但很可惜，flux1.ai 并没有接住这波流量，我仔细看了移动端的页面，没有做特别的优化，使用体验并不好，并且也没有做移动端 App 来转化，也可能还有一些其他原因，导致他们在移动端这块市场节节败退。
更进一步，我们看看2025年6月用户在两个平台上的使用情况就能佐证，其实移动端用户跳出率会少一点，会点击更多页面，但是停留时间只有桌面端的 1/3 还少（这些也最终导致其现在移动端只有桌面端流量的2/3）。
我自己测试移动端吉卜力的生图时间较长，没有相关的等待互动措施，确实很难等下去。
综合以上失利的原因：
- 移动端页面没有单独适配优化，仅做了简单的响应式
- 缺少移动端 app 来承接流量
- 也许没有做移动端相关的转化和推广？
2.6 SEO页面策略
通过搜索能够发现，网站最初上线获得流量加持后，作者没几天就推出了 12 个多语言版本，让页面数量多了一倍；子页面数量也在增长，从8月2日上线4个页面，到8月7日的多语言41个页面，再到十月份76个页面，到十一月104页面，今年三月份346个页面，最后到现在658页面。
多语言可以获得更多小语种国家的搜索加持和体验加持，多子页面也是 SEO 中常用手段，这些都是值得我们学习的手段。
三、冷启动分析
下面我们开始分析其在冷启动阶段都遇到了哪些事件，作者做了哪些动作，还原当初流量最初增长路径。 几个时间点：
- FLUX.1 模型是在 2024年8月1日发布，大概时间是北京时间下午3点
- flux1.ai 域名注册时间 2024-08-02 02:57:56
- flux1.ai 第一个网页发布时间 8月2日凌晨 03:28:15
通过 https://web.archive.org 查询2024年的更新记录，部分日期可以看到当时网页存档
根据 Similarweb 的数据显示，从 8.5 开始有数据，一直到 8.11 到达 3.7 万的访问量，此后一直到 8.22 之间一直在2至4万访问之间，8.23 引来新的暴增，那我们这里姑且将 8.2至8.11 作为冷启动时期。 冷启动期间有付费投流，按照 Similarweb 的预估，八月到九、十月，大概总花费500美元左右，带来了约 1750 访问量，单次访问成本约 $0.29。
3.1 冷启动事件
接下来我将通过在 Google 上用高级语法定位不同时期能抓取到的信息，试图还原那几天内发生了哪些事件完成了整个冷启动。
搜索语法："flux1.ai" after:2024-08-01 before:2024-08-11
外链通过 SEMRush 查看，几乎每天都有发外链，因为收录时间不同不好计算，这里粗估按照1~3个的量计算，不在表格里表述。
综合以上事件，我们可以大致还原出冷启动期间：
- 第一时间有国内的媒体引用网站报告
- 作者持续不断地添加外链
- Producthunt 的发布
- 前期付费推广
除了上面几点，还有一些重要原因是我们不能忽略的：
- Flux 发布后，提供了开源模型，但用户下载和安装需要学习成本，使用运行需要算力成本，对普通用户来说有很高的门槛，而 flux1 提供在线使用大大降低了这一门槛，让很多只是抱着好奇心的用户满足试一试的欲望
- 前期提供免费生图能力，需要一定的算力成本，这一项其实是比较核心的竞争力
四、商业模式浅析
接下来我们尝试估算网站收益，flux1.ai 是订阅制付费，可以单独购买积分。当前线上的价格与最早期的价格差异不大，看到定价页面最早收录时间是 2024.8.12 预计就是那个时间才上的付费。 最初版本定价： 我们按照平均月访客65万估算，转换率按较保守的 0.3% 计算成为付费订阅用户（参考行业内经验），那就是1950人付费。 按照网站 Most popular 的约18美元计算，那么月收入是3.51万美元，一年收入是 42万美元。再加上现在还有单独购买积分和更高的 Max 会员，按照保守估计50万美元是有了的，这还是按照 0.3% 的转化率计算，如果到达 0.6% 就是百万美金收入。
怎么样，只要在模型发布初期注册一个好域名，花费500刀的付费推广，再花点钱让 KOL 发发帖子，即便后期没有频繁更新内容，外链也没有花大力气去建设，就能做一个年收入50~100万美金的产品，大家觉得如何呢？
接下来我将从零编程基础的视角出发，给大家演示如何低成本复刻该网站。
全程使用 v0.dev 进行对话交互生成代码，不需要有编程基础，任何人都可以轻松复刻。
在最初的版本，该网站仅两个核心页面，首页 Landing Page，和图片生成页，我们会遵循先分析拆解，再模拟复刻的阶段进行，会尽量按照 MVP 的版本进行复刻。
五、页面分析
2024年8月2日发布了第一版，目前看不到缓存页面；不过能看到8月7日发布的第二版本，这期间网站只有四个页面，考虑到 Google 收录页面会有时间延迟，并且查看8号收录就多了很多页面，那么这里可以推测第一个版本中应该只有这五个页面。
- Landing Page首页
- Create 文生图页面
- Prompt 提示词优化
- Privacy Policy 页面
- Terms and Conditions 页面
后续从流量上也发现了其中两个流量最大的子页面，分别是 flux1.1 和 ghibli 关键词的页面，都是在关键时期给网站带来巨大流量的页面：
这两个页面跟生图编辑页面差异不大，主要是在图生图+特定风格提示词，再到特定模型
接下来我们会详细复刻图片生成页面和首页，看看如何快速复刻最小 MVP 打造自己的AI生图网站。
六、复刻图片生成页
图片生成是核心功能页面，我们可以对比第一版和最新版的差异：
- 新增了多模型选择（最初只有 Flux 一个模型）
- 新增了很多图片编辑功能（每个功能一个子页面）
- 新增了多图生成（Pro功能）
- 水印（Pro用户可去除）
| 第一版 | 最新版 |
|---|---|
我们复刻的目标如下：
- 支持提示词生成图片
- 图片可以展示可下载
- 支持多种尺寸选择
6.1 获取文生图 API
首先，我们要拿到 Flux 的生图模型 API，借助 API 服务能力帮我们生图。这里我通过 fal.ai 来获取。（这是一个集合了各种图片视频类大模型的产品，可以在里面找到丰富的模型调用）
登录/注册 → 个人中心 → API Keys
先来创建一个 Key，创建后出现的复制界面一定要复制出来，否则就再看不到这个key了。
6.2 获取 API 示例
接着我们在站内搜索到 Flux Dev 模型，这里的 Playground 可以输入提示词测试生图效果（但注意大部分模型可能需要花钱测试）。
输入提示词，点击 Run，看到有效结果：
然后把左侧 Input 切换到 cURL 模式，右侧 Result 切换到 JSON 模式。这样就拿到我们基于该模型的输入示例和输出示例。 仔细看这里有一个变量 $FAL_KEY，这就是我们刚才创建的 API Key。
6.3 输入AI提示词
拿到这三者后就可以丢给 AI 去编程，开发可以文生图的界面，我们打开 V0，输入以下提示词：
帮我设计一个文生图的编辑器，左边是输入框，右侧是图片展示，输出的图片可以点击下载到本地，也可以新标签页打开；有一些高级选项，比如基础的比例等等。
我的 API key：xxxxxxxxxxxxxxxxxxxxxxxxxx
输入示例：
curl --request POST \
--no-buffer \
--url https://fal.run/fal-ai/flux/dev/stream \
--header "Authorization: Key $FAL_KEY" \
--header "Content-Type: application/json" \
--data '{
"prompt": "Extreme close-up of a single tiger eye, direct frontal view. Detailed iris and pupil. Sharp focus on eye texture and color. Natural lighting to capture authentic eye shine and depth. The word \\\"FLUX\\\" is painted over it in big, white brush strokes with visible texture.","image_size": "landscape_4_3","num_inference_steps": 28,"guidance_scale": 3.5,"num_images": 1,"enable_safety_checker": true,
"output_format": "jpeg","acceleration": "none"}'
输出示例：
{"images": [{"url": "https://v3.fal.media/files/monkey/xobSxijWb3g_DDBOvKtUu.jpeg","width": 1024,"height": 768,"content_type": "image/jpeg"}
],"timings": {},"seed": 1651342301,"has_nsfw_concepts": [false],"prompt": "Extreme close-up of a single tiger eye, direct frontal view. Detailed iris and pupil. Sharp focus on eye texture and color. Natural lighting to capture authentic eye shine and depth. The word \\\"FLUX\\\" is painted over it in big, white brush strokes with visible texture."}
要求：
- 支持提示词生成图片
- 图片可以展示可下载
- 支持多种尺寸选择
测试输入内容，点击生成，成功生图图片即代表集成 Flux 生图模型成功。
接下来，我们让这个网页的内容更完整，在设计风格上靠拢 Flux1，并且增加首页，后续我们将前往首页继续优化，参考提示词如下，此时我加入了 https://flux1.ai/create 页面的整页截图作为参考：
按照截图进行优化：
1. 图片尺寸选择需要有 icon，可在 Lucide 寻找合适的图标
2. 整体设计 参考截图进行优化，包括全局样式设计风格
3. 这是网站的一个子页面，帮我增加 header 和 footer 区域，并增加如截图中该网页剩余部分内容（四张示例图和FAQ内容）
4. 增加 Landing Page 页面，但暂时不放内容
因为我们截图是最新版本，所以 AI 额外加入了一些功能，我们通过对话让其去掉即可，最终我们获得了一个简单可用的 AI 文生图页面：
七、复刻 Landing Page 首页
接下来我们会简单分析 Flux1.ai 的首页，让我们知道每个部分都在传递什么信息，然后我们再尝试复刻。
| 模块 | 截图（第一版） | 点评 |
|---|---|---|
| Header 导航栏<br><br>导航网站所有页面。 | 导航栏应该保持在滚动时可见，让用户随时可以访问其他页面。 | |
| Hero区域<br><br>明确利益点，直击用户痛点。 | 前期主打功能 Free，应该放在主标题更加强化。 | |
| 图片轮播区域<br><br>展示模型出图效果。 | 只能展示文生图效果，无法展示图生图效果。 | |
| Features 功能区域<br><br>介绍站点功能，降低用户认知负荷。 | 文字清晰展示功能特性。<br><br>如果加以配图或视觉元素，让整块信息更加可读，对比度更加强烈，会更友好。 | |
| Examples 示例区域<br><br>大图展示，包括详细的提示词，方便用户模仿使用。 | 此区域跟顶部图片轮播部分重复，定位有重复。 | |
| 流程展示区域<br><br>展示如何使用，引导用户操作。 | 这里最好跟一个行动按钮，用户看完示意可以立即开始作图。<br><br>现在更加流行的做法是直接在首屏展示输入组件，用户一看就能明白且行动转化率更高。 | |
| Q&A 常见问题 | 解答用户常见问题。也是 AI 比较喜欢爬取的内容，做好QA能在一定程度带来 AI 推荐流量。 | |
| CTA 召回区域<br><br>重复核心承诺，形成完整闭环，使用与前面相同的CTA按钮文案。 | 初版没有，此为最新版底部内容：<br> | 初版无，缺少最后挽留用户的行动点。 |
| Footer<br>页脚，展示相关链接。 | 最新版增加很多子页面和多语言页面。 |
总体点评： 作者在首页花费心思较少，即便快一年后，也几乎没有做什么更新。
现在我们梳理了所有内容，主要有以下内容，这也是我们给 AI 的提示词：
Landing Page页面设计：帮我按照我们网站内容补充下述内容，并进行首页编排设计，要符合整体设计风格要求，要有设计感。
- Header：首页和生图页面，需要保持滚动时可见
- Hero 区域：网站核心利益点 Flux AI Image Generator By Flux1 AI，引导进入生图页面按钮
- 图片轮播区域：展示竖版9:16图片，左右滚动轮播，鼠标hover时候暂停移动
- Features 功能区域：介绍六大模型相关功能
- Examples 示例区域：包含4张图片和对应的提示词，可以方便复制提示词
- 流程展示区域：介绍四步骤使用流程，文字展示，图形化
- Q&A常见问题
- CTA召回区域
- Footer：按照我们网站真实页面设计，不要虚构链接
- 补充 Privacy Policy 和 Terms of Service 页面
对于网站图片的复刻，可以直接 Copy 图片链接，告诉AI，哪些位置的图片用哪些链接即可，再通过对话修改一些小问题，这时候就可以完整看到我们复刻出的页面：
在 V0 制作的网站发布也很简单，直接右上角点击 Publish 即可，会自动进行部署发布，发布之后我们获得一个可以供大家访问的 URL 链接。
网站已经可以在线访问，我部署在自己博客的二级域名，方便大家访问：
P.S. 为了大家体验顺畅，已经充值了几美金，大家酌情生图（每张图都要钱...）
最后总结，我们通过完整分析了套壳AI图片站 Flux1.ai 的数据流量情况和冷启动事件，知道了他们是如何做前期推广以及如何借助图片模型的发布东风走上了流量颠覆，最后我们也能非常简单快速的复刻 AI 生图网站和首页，快速打造 MVP 产品。
对于我们的价值，一方面如果自己有生图的需要，这种使用方案可以更低成本，也可以打造更多适合自己的产品功能；另一方面如果你想开启副业，那么在下一个图片模型发布的时候，就是你我的机会。
好了，本期的复刻内容就到这里了，如果有疑问可以留言，如果有需要后期也考虑录制视频出来。
下周我们将继续拆解 AI 工具站，敬请期待，如果大家有想要拆解的网站也可以留言告诉我！
