什么值得做
Chrome 插件 · 11-6 写
UIDrop — Design System Extractor for AI · tudorbuildstools

60 个用户的插件被一条「WTF」视频带到 1 万:UIDrop 靠的是上镜,不是先发

它是什么 一个 Chrome 插件,点一下就把任意网站的颜色、字体、间距、组件样式连同截图送进 Claude、ChatGPT 等 AI 工具,让 AI 照着这个样子写界面。

为什么火了 赶上了 4 月 Google 开源 DESIGN.md 之后「让 AI 照网站做界面」的热潮;产品点一下就出色板、自动打开 Claude,适合拍短视频,被 50 万粉的开发者博主 RammCodes 自发推了一次,作者又把「60→5000」写成 Reddit 帖子续了一轮。

C你可以怎么跟 别再做设计提取器;抄它被达人选中的条件:在刚热起来的新格式上做「直接送进 AI」的最后一步,做出 15 秒能演示的画面,主动投给 AI 工具号,爆了马上写 build-in-public 帖子,收费别做几美元买断。

C 级:赛道 4 月就挤满了,头部 TypeUI 免费开源、用户是它的 4 倍,还有人专门做了它的替代品;它的增长来自一次自发的达人曝光,之后停在 1 万档,1 万用户只换来 $124。打法能学,照着跟不划算。 已公开 / 被广泛讨论

10,000 用户 · 评分 5.0(7)

UIDrop 是一个 Chrome 插件:点一下,把任意网站的颜色、字体、间距、组件样式抠出来,连同截图一起送进 Claude、ChatGPT 这些 AI 工具,让 AI 照着这个网站的样子写界面。作者是一个 20 岁的罗马尼亚人,这是他做的第一个产品。上架两个半月只有 60 个用户,一位 50 万粉的开发者博主自己发现了它、发了条短视频,4 天来了约 3,000 人,9 月 24 日到 1 万。然后就停在了 1 万,累计只收到 $124。这个赛道的人比它早到,也比它大;它教给你的是怎么让一个小工具被人拍成视频,而不是这一类该不该再做一个。

一条「holy sh*t」视频

2026 年 8 月 9 日,Tudor Pop 在 Reddit 上发帖,说他的插件正好 60 个用户。这个插件 5 月 27 日上架,到 6 月初只有 20 个安装;他 7 月在 r/chrome_extensions 写的那篇「第一周 25 个用户」,只拿到 5 个赞。

几天后,开发者博主 RammCodes(Ram Maheshwari,自称全网 50 万粉,Instagram 21.7 万、Facebook 15.4 万)在 X 和 Facebook 发了一条视频,标题是:

holy sh*t broooooo this browser extension literally lets you extract a website's design…

Tudor 后来在 Havor 上写:「一个 X 和 Facebook 上的独立开发者拍了个视频,把它推成『必装工具』,三四天给我带来了 3,000 个用户。」高峰那天装了约 1,500 个,官网每天 500–600 个访问。按他和一篇第三方案例文的说法,他没联系过这位博主,也没投广告。视频的确切日期和播放量从外面查不到。

接着是一串搬运:Instagram 上一条「Yooooooooo WTF??? I recently found this free Chrome extension…」的 reel,LinkedIn、Threads、YouTube Shorts 上的 AI 工具号跟着转。8 月 24 日它过了 5,000;9 月初约 7,400,每天还有约 200 个安装;9 月 24 日 1 万。

它到底是什么

从 4 月开始,「让 AI 照某个网站的样子做界面」成了用 AI 写代码的人的热门需求。导火索是 Google 4 月 21 日开源了 Stitch 的 DESIGN.md 格式(一个描述网站长相的纯文本文件,AI 读了就知道该用什么字体颜色),GitHub 上收集各大品牌 DESIGN.md 的 awesome-design-md 拿了 12.6 万 star。

UIDrop 做的就是现场生成这样一份东西,外加一步:「Send」。点完「Snap this page」,它把设计要点和截图直接打开并贴进 Claude、ChatGPT、Gemini、Lovable、Manus,Cursor 走剪贴板。它还能把页面上显眼的组件单独做成卡片,把 A 站的首屏和 B 站的导航合并成一份,导出 Tailwind、shadcn、Figma 变量。免费、不用注册、在本地跑。

为什么是它,不是更早更大的那个

它既不是第一个,也不是最大的。Chrome 商店 11-06 的数字:

插件上架用户和 UIDrop 的差别
DESIGN.md Style Extractor - TypeUI2026-04-1540,000早 6 周,免费开源(GitHub 3.1k star),导出标准 DESIGN.md
UIDrop2026-05-2710,000多了「送进 AI」、截图、组件卡片、多站合并
DESIGN.md Inspector / DESIGN.md Generator2026-04各 6,000只导出文件
Sitepeel2026-09-132,000后来的,「网站克隆 + CSS 检查 + Design MD」,有内购
PikSpec、getdesignsystem.io、shadcn design.md 等2026几百同类

另外还有贴网址就能生成的网页工具、给 AI agent 直接调用的开源 Skill,Google Stitch 自己也带「从网址提取设计系统」。老牌的 ColorZilla(400 万)、WhatFont(300 万)只管颜色、字体单项,不面向 AI。

那达人为什么挑中它?大概率是因为它上镜(推断):点一下,弹出色板和组件卡片,Claude 自动打开、内容已经贴好,15 秒演示完,配一句「WTF」就成立。TypeUI 导出的是一个 markdown 文件,拍出来没什么可看的。它的差异化没有让人留下或付钱,只是让它适合被拍成视频,而被拍成视频就是它增长的几乎全部。

之后:故事比产品跑得远

爆红之后 Tudor 做对了一件事:把数字写成故事再发一轮。Reddit 上「两周前我有 60 个用户,现在过了 5,000」拿了 34 赞、42 条评论,比爆红前那篇多了几倍;随后有人写了「4 天从 60 到 3,500 用户」的案例文,收入公开站 TrustMRR、Havor 和一堆 AI 工具目录跟着收录。官网还给 Stripe、Linear、Vercel、Airbnb 等站放了现成的设计文件下载页,想吃搜索流量,但网站权重只有 2/100,效果应该很小。

但这些只把它续到 1 万。11 月 1 日到 6 日,商店一直显示 1 万、7 个评分,一个都没多(1 万以上商店只按档显示,所以只能说还没到 2 万这一档,不等于完全没涨;官网自报「12k+」)。

已经有人专门冲它来了:一个叫 Borrowstyle 的同类,官网上直接挂着一页「UIDrop 的替代品」,逐条对比功能,标价 $39 买断或 $5/月。

钱:1 万用户,$124

UIDrop 卖的是 Pro 一次性买断,价格从 $2.50 涨到 $3 再到 $4。TrustMRR 上支付平台校验的数字(11-06):累计 $124,最近 30 天 $9,没有订阅。9 月初作者说至少 30 人买了 Pro,这和 $124 对得上。

这说明了两件事:冲动安装几乎不付钱;一个几美元买断、用完就走的工具,没有理由让人回来。它面向的「看一眼别人网站长什么样」本来就是低频动作,赛道里的头部 TypeUI 还是免费开源的。

如果是你

一句话:别再做一个「网站设计提取器」,这条赛道 4 月就挤满了,头部免费开源,UIDrop 自己也停了;值得抄的是它被达人选中的那套条件。等级 C。

适合谁:手上有一个 AI 工具链里的小痛点、能做成「点一下就出效果」的独立开发者;愿意自己去找开发者工具号投稿、爆了之后马上写 build-in-public 帖子的人。

不适合谁:想靠这一类插件挣钱的。1 万用户换来 $124,用户量和收入在这里几乎没关系;也不适合想跟 TypeUI、Google Stitch 拼「谁导出得更全」的人。

怎么做:找一个刚被大平台或爆款开源项目点燃的格式或需求(像 4 月的 DESIGN.md),不做「生成文件」这一步,做「直接送进用户正在用的 AI 工具」这最后一步;产品第一屏就要有能拍的画面,15 秒内出「哇」。收费别学它的 $4 买断,做成按次额度加订阅,或者把插件当入口、卖网页端的持续功能(设计库、品牌替换、和自己站对比,Borrowstyle 已经在这么分层)。

怎么获客:主动把 15 秒演示视频发给 RammCodes 这类 AI 工具号和开发者博主,自发不行就付费合作;爆了以后 48 小时内在 Reddit 的 r/SideProject、r/chrome_extensions 写「从 X 到 Y」的帖子,同时提交 TrustMRR、Havor、AI 工具目录。

什么时候之前:热点的窗口大约就是热潮之后的一两个月。DESIGN.md 这一波已经过了,下一个类似的格式或协议出来时,第一个月之内上架。

什么情况说明看错了:UIDrop 在 2027 年初之前进了 2 万档、或者 TrustMRR 上的月收入涨到几百美元以上,说明这类工具也能留住人、收到钱,赛道比看上去宽;反过来,TypeUI 或 Sitepeel 这些也一起停住,说明整个需求跟着 DESIGN.md 的热度退了。

Chrome 商店页 ↗

研究底稿:竞品表、获客证据、完整研究报告
竞品
名字在哪上线规模它和这家不同在哪
DESIGN.md Style Extractor - TypeUI(Bergside)Chrome2026-04-154 万用户;开源库 bergside/design-md-chrome 3.1k star更早、更大、开源,输出标准 DESIGN.md/SKILL.md;UIDrop 多了一键送进 AI 聊天框、截图、组件卡片、合并多站
DESIGN.md Inspector / DESIGN.md GeneratorChrome2026-04-27 / 2026-04-177,000 / 6,000 用户只导出文件,不送进 AI、不抠组件
Export to FigmaChrome2026-04-211 万用户,有内购网页转 Figma 图层,面向设计师而不是 AI 编程
design-extractor.com / getdesignsystem.io网页2026未核实(getdesignsystem 的扩展 663 用户)贴网址生成 DESIGN.md,不用装扩展,但读不到登录后的页面和实际渲染状态
VoltAgent/awesome-design-md、google-labs-code/design.md开源2026-03-31 / 2026-04-10125.8k / 28.7k star现成品牌 DESIGN.md 合集和格式规范,是这股热潮的源头;UIDrop 是给任意网站现场生成
Google Stitch 从 URL 提取设计系统大厂功能2026Google 官方只能在 Stitch 里用;UIDrop 能送进任意 AI 工具
CSS Scan / ColorZilla / WhatFontChrome2011–20181 万 / 400 万 / 300 万单项检查工具,不面向 AI,不输出整套设计系统
用户从哪来
  • 查实 达人短视频(RammCodes,X/Facebook/Instagram):创始人在 Havor 和 Reddit 写:RammCodes 在 X 和 Facebook 发视频推成必装,4 天带来约 3,000 用户、官网每天 500–600 访问;Facebook 视频 61554891783841/videos/1641411614066274;padezhnov.com 案例说创始人没有主动联系
  • 查实 AI 工具搬运号二次转发(Instagram reel / LinkedIn / Threads / YouTube Shorts):Instagram reel DbOSoZToMOs「Yooooooooo WTF??? I recently found this free Chrome extension」、LinkedIn Simplifying AI 帖、Threads @niclasskold
  • 查实 Reddit build-in-public:u/Which-Journalist-352 在 r/chrome_extensions、r/SideProject 至少发了 4 帖;爆红前 5 赞,爆红后「60→5000」34 赞 42 评论
  • 查实 案例站与目录二次报道:TrustMRR、Shipped & Paid、padezhnov.com、Havor、Strivle、aitoolscapital 等
  • 推断 程序化 SEO(品牌 design system .md 下载页):官网有 stripe/linear/vercel/airbnb/notion/spotify 的 .md 下载页;Domain Rating 2/100,效果有限
  • 推断 Chrome 商店搜索:推断:8 月底到 9 月 6k→10k 的部分涨幅来自这里,没有直接数据

UIDrop — Design System Extractor for AI(Chrome)为什么能跑出来

研究日期 2026-11-06。商店 ID gkeiedoojhdmlaimiookeaoppgfpemij,官网 uidrop.site,开发者 tudorbuildstools(Tudor Pop,X 账号 @tudorxjh / tudorbuildsai,罗马尼亚,20 岁,第一个项目)。

一句话结论

UIDrop 是 2026 年 4 月 DESIGN.md 热潮之后才进场的一个小号「网站设计系统提取器」。它没有靠产品先发,也没靠创始人推广:5 月 27 日上架,到 8 月 9 日只有 60 个用户。真正把它推起来的是一次没花钱的达人曝光:50 万粉的开发者博主 RammCodes(Ram Maheshwari)在 Facebook/X/Instagram 发了「WTF 这个扩展能提取整站设计」类短视频,4 天带来约 3,000–3,500 个安装。后面创始人在 Reddit 连发几篇「60→5000 用户」的 build-in-public 帖子续命,9 月 24 日到 1 万用户,之后就停在 1 万档。钱几乎为零:TrustMRR 上累计 $124,最近 30 天 $9,卖的是 $4 一次性买断的 Pro。

1. 数据

时间用户数来源
2026-05-27上架商店 published 字段(chromestore 库)
2026-06-0120 个安装,「上架 6 天」创始人在 Strivle 发的帖 www.strivle.com/post/1de981ab-5fdc-4cf0-9d2e-e320cfe4420b
2026-07-20「第一周 25 个用户」Reddit r/chrome_extensions(5 赞)www.reddit.com/r/chrome_extensions/comments/1v1ry3y/
2026-08-09正好 60Reddit 帖 1w70d5f(Brave 摘要)
8 月中旬 4 天60 → 约 3,000–3,500,峰值单日约 1,500Reddit r/SideProject 1vq9ool;padezhnov.com 案例文(2026-08-28)
2026-08-245,000+Reddit r/chrome_extensions 1vxdyjr(34 赞 42 评论)
约 9 月初约 7,400,每天约 200 个安装,至少 30 人买了 Pro创始人在 Havor 写的故事 havor.io/products/uidrop-0qbt34
2026-09-2410,000创始人在 X 发的,Shipped & Paid 引用
2026-11-01 至 11-07商店显示 10,000,评分 5.0,评分数 7 一直没动chromestore 库 item_snap
官网自报「12k+」uidrop.site

召回卡引用的 extops 曲线是 8/31 约 6k → 9/25 约 10k,之后六周持平。这和上面的数对得上。注意 1 万以上商店只按档显示,所以「持平」的意思是还没到 2 万这一档,不等于完全没涨。

收入:TrustMRR(Polar API 校验)显示累计 $124,最近 30 天 $9,没有订阅,定价「$4 一次性 Pro」,标的是约 500 用户、1 人团队、自筹资金、获客渠道写的是 Reddit 和 X(https://trustmrr.com/startup/uidrop,2026-11-06 读取)。Pro 价格从 $2.50 到 $3 再到 $4 一路涨(Reddit 1w70d5f、Strivle 帖)。

2. 竞品

这条赛道是 2026 年 4 月被 Google Stitch 的 DESIGN.md 格式点燃的:

  • Google 4 月 21 日把 Stitch 的 DESIGN.md 格式开源(https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-design-md/),google-labs-code/design.md 拿了 28.7k star。
  • VoltAgent/awesome-design-md(各大品牌的 DESIGN.md 合集,3/31 建库)拿了 125.8k star(github 库)。
  • 4 月一个月里,一大批「网址或扩展 → DESIGN.md」的工具上线。
竞品形态上线规模和 UIDrop 的差别
DESIGN.md Style Extractor - TypeUI(Bergside SRL)Chrome + 开源(bergside/design-md-chrome)+ Firefox + Figma 插件2026-04-154 万用户,14 条评分;GitHub 3.1k star早 6 周,免费开源,输出标准 DESIGN.md/SKILL.md;UIDrop 多了「一键打开 Claude/ChatGPT 等并自动贴进去」、截图、组件卡片、合并多站
DESIGN.md Inspector(Agesilaus)Chrome2026-04-277,000单纯导出 DESIGN.md
DESIGN.md Generator(claude_skill)Chrome2026-04-176,000同上
Design System Extractor(dkdggcnin…)Chrome未核实未核实输出给 AI 用的 markdown,功能几乎一样
Export to FigmaChrome2026-04-211 万,有内购网页转 Figma,偏设计师
Peek - Design & Asset ToolkitChrome2025-08-196,000资产 + 样式工具箱
design-extractor.com、getdesignsystem.io(带 663 用户的扩展)、pocketui 等网页2026未核实贴网址就能生成,不用装扩展
Open Design、shaom/brand-to-design-md-skill、Paidax01/web-to-design-md(447 star)开源 / Claude Skill2026-04数百 star给 agent 直接调用,不用浏览器
Google Stitch 自带「从 URL 提取设计系统」大厂功能2026—官方入口,但只能在 Stitch 里用
老牌:CSS Scan(1 万,付费)、ColorZilla(400 万)、WhatFont(300 万)、Fonts Ninja(90 万)Chrome2011–2018大只管单项(颜色、字体、CSS),不面向 AI

结论:UIDrop 既不是先发,也不是最大的(TypeUI 用户是它的 4 倍)。它晚了 6 周进场,赶在 DESIGN.md 热度的尾巴上。

跟风者:9 月以后又冒出 Sitepeel(2026-09-13,2,000 用户,有内购,「Website Cloner, CSS Inspector & Design MD」)、PikSpec(2026-09-23,749 用户,「Build with AI · CSS & Font Finder」)、Copy to Design(2026-06-25)。这几家的定位都是「给 AI 用」,和 UIDrop 的叙事很像,是不是专门照它做的没法确认。召回卡提到的 Design Catcher、StyleKit、StyleLift,我们库里没搜到,未核实。

3. 用户从哪来

  1. 达人曝光(决定性,已确认):RammCodes(Ram Maheshwari,自称 50 万+ 粉丝;Facebook 15.4 万、Instagram 21.7 万、Threads 3.8 万)自己发现了 UIDrop,在 X 和 Facebook 发视频推成「必装工具」。Facebook 视频标题是「holy sh*t broooooo this browser extension literally lets you extract a website's design…」(facebook.com/61554891783841/videos/1641411614066274,这个主页 ID 就是 RammCodes)。创始人说「4 天带来约 3,000」(Havor),「每天 500–600 访问官网」(Reddit 1w70d5f)。padezhnov 的案例文说创始人没有主动联系过他,也没投广告。
  2. 二次转发的短视频矩阵(大概率):Instagram reel「Yooooooooo WTF??? I recently found this free Chrome extension…」(DbOSoZToMOs),LinkedIn 上 Simplifying AI(2,285 粉,7 个赞),Threads @niclasskold,YouTube Shorts,Facebook 上还有别的转帖页。这是 AI 工具搬运号的常规操作,发在 RammCodes 之后。是不是创始人付钱请的,没有证据。
  3. Reddit build-in-public(已确认,持续):创始人(u/Which-Journalist-352)从 7 月到 9 月在 r/chrome_extensions、r/SideProject 发了至少 4 篇。爆红之前那篇只有 5 赞;爆红之后的「60→5000」拿了 34 赞 42 评论,「monetization 当玩笑,结果停不下来出单」拿了 26 赞。爆红之后的故事本身成了新的内容素材。
  4. 「小数据大故事」型二次报道(已确认):padezhnov.com 写了「60 to 3,500 Users in 4 Days」案例,Shipped & Paid 写了「$115 verified」案例,还有 TrustMRR 收录、Havor、Strivle,以及一堆 AI 工具目录(aitoolscapital、softwareontheweb、ustack、extension.vn)。
  5. 程序化 SEO(有,效果没核实):官网放了 stripe、linear、vercel、airbnb、notion、spotify 等站的现成 design system .md 下载页,做法和 awesome-design-md 一样。TrustMRR 显示 Domain Rating 只有 2/100,SEO 带量应该很有限。
  6. 商店搜索(推断):用户数涨到几千之后,在「design system extractor」这类词下能排上来。8 月底到 9 月 6k→10k 的涨幅可能部分来自这里,没法量化。
  7. 没找到付费广告、Product Hunt 发布(Havor 写了「Launched on Product Hunt」,没核实)或 HN 曝光的证据。

4. 为什么跑出来

  • 需求的时机是对的:2026 年 4 月 Google 开源 DESIGN.md、awesome-design-md 拿到 12.6 万 star,「让 AI 照某个网站的样子做 UI」成了 vibe coder 的热门需求。UIDrop 进的是一个已经被证明有人要的赛道。
  • 一个大达人的一条视频,就是 99% 的增长:60 → 3,000+ 只用了 4 天,而且不是创始人推动的。之后 Reddit 帖、案例文、目录收录都是靠这次爆红续上的。
  • 视觉上适合短视频:点一下、弹出色板和组件卡片、自动打开 Claude 并贴好 brief,15 秒就能演示完,「WTF」式标题容易传。TypeUI 输出的是一个 markdown 文件,拍出来没这么好看。这一点可能是达人挑中它、而不是挑中更大的 TypeUI 的原因(推断)。
  • 免费、不用注册、本地运行:降低了冲动安装的门槛。$4 买断几乎不挡人,所以也几乎不赚钱。

5. 差异化

  • 别家导出 DESIGN.md 文件;UIDrop 的差别在「Send」这一步:一键打开 Claude/ChatGPT/Gemini/Lovable/Manus,把 brief 和截图自动注入,Cursor 走剪贴板。另外它能单独抠出「突出组件」做成卡片,能把多个站合并(A 站的 hero + B 站的导航),有 snap 库,能导出 Tailwind/shadcn/Figma Tokens。
  • 这个差异化不是它跑出来的主因。主因是达人曝光。差异化的作用是让它「上镜」、演示一眼就懂,而这恰好是被达人选中的条件。它对留存和付费的拉动很弱:累计 $124,评分数一直只有 7 条,用户数停在 1 万档,而同类的 TypeUI 已经到 4 万。

6. 可借鉴

  • 在被验证的热潮(DESIGN.md)上做「最后一公里」:不只是生成文件,而是直接送进用户正在用的 AI 工具里。
  • 把产品做成 10 秒能演示完、有「哇」点的样子,方便 AI 工具搬运号和开发者达人主动转发。主动去找 RammCodes 这类 50 万粉的工具号投稿或者付费合作,是能复制的打法。
  • 爆红之后马上把数字写成「60→5000」的故事,在 Reddit、TrustMRR、案例站上二次分发。
  • 反面教训:只卖 $4 买断,1 万用户只换来 $124。光有冲动安装没有复购逻辑,赚不到钱。

7. 还不确定的

  • RammCodes 那条视频的确切发布日期和播放量(Facebook/Instagram 读不到),以及是不是付费合作(创始人和第三方都说是自发的)。
  • 用户真实留存怎么样:商店上的「用户数」是装着的人,不是活跃用户。
  • Strivle 6 月 9 日那篇帖子说「Google 3 周前把它从商店下架、申诉通过、马上上 v1.5」,和 5 月 27 日的上架时间对不上(帖子被编辑过),可能是重新上架后发布时间被重置了。
  • 官网「12k+」是不是比商店的 1 万档更准。

文章由 AI 根据公开数据和我们每天采集的数据写成,数字带出处,推断已标明