档案库 · 产品创意 · 产品决策 · 2023
Vercel 的 v0 将文本提示转化为可用的 UI 代码；三周内吸引 10 万人
用英语描述一个界面，Vercel 的 v0 就能返回可直接复制的 React/Tailwind 代码——这种“生成式 UI”在三个月内吸引了 10 万用户注册等待列表。
Vercel
当时的题目
Vercel saw developers stall at the very first step of building: they had an idea but faced an empty editor. The team wanted a tool that makes creating the first version of a product as simple as writing down the idea.
它是怎么成立的
2023 年 10 月，Vercel 发布了 v0，一个被称为“生成式 UI”的产品：你用自然语言描述你想要的界面，v0 会返回基于开源工具（React、Tailwind CSS 和 shadcn/ui）构建的可运行代码，你可以对其进行迭代并直接粘贴到你的应用中。
这个想法针对的是每个开发者都经历过的时刻：空白屏幕。开发者不再从空编辑器开始，而是写一个句子就能得到第一个版本；他们选择一个迭代版本，用后续提示进行细化，然后导出足以交付或进一步定制的代码。Vercel 基于 Radix UI 库的可访问构建块构建了 v0，使得生成的界面复用了开发者已有的技能。
需求是立竿见影的：三周内有 10 万人加入了等待列表。团队将 v0 从 alpha 版本推进到 beta 版本，向数千名更多用户开放，并推出了免费层和按生成积分计费的付费计划。早期用户已经用它构建了真实产品——Braintrust 的定价页面和简历构建应用都是用 v0 生成的代码构建的。
妙在哪
- 它将开发者的问题重新定义为“开始”，而非“打字”：一个句子取代了空编辑器和最初的路障。
- 输出是基于开放技术栈（React、Tailwind、Radix）的真实代码，因此契合开发者的技能，而不是创建一个封闭的孤岛。
- 等待列表将发布变成了势头——在全面开放前，三周内获得了 10 万注册。
- 保持每次生成的代码都可编辑，让用户始终保持控制，而 AI 则提供初稿。
做出来什么
Within three weeks, 100,000 people had joined the waitlist; the beta opened access to thousands more users with paid plans, and early users shipped real products from v0 output — Braintrust's pricing page and a resume-builder app were built with it.
可以借走的
障碍在于起点，而非技能：一个提示就能将“描述想法”变为“第一个可用代码”。基于开放组件生成，保持输出可编辑，工具就能自我推销。
后来
v0 仍然是 Vercel 战略的核心：在推出付费计划的测试版之后，该公司将其定位为“下一代用户界面的起点”，并规划了诸如自定义设计系统、主题、图片转代码和更强大的访问控制等新功能。基于积分的定价模式意味着该工具可以随着重度使用而扩展，v0.dev 已成为 Vercel 开发者产品线中的一员。
资料来源
- Announcing v0: Generative UI
- Vercel announces the beta of v0, its AI-powered tool for front-end web development
发现哪里写错了？告诉我们。
轮到你了
你刚读完一个点子。把你手上的题目说出来，看看谁接过同样的题。
免费账号 · 3 次免费提问 · 不用绑卡