Vercel V0发布丨生成式UI无代码网页生成时代来临

近日，Vercel V0正式上线公测,作为一款开创性的产品,Vercel V0被称为是“生成式UI”,因为它将前端开发的最佳实践与生成式AI的潜力完美结合。用户只需在对话框描述网页要求,它就可以快速生成HTML和CSS代码,无须编写任何代码。

Vercel V0的三大功能有:

1. 文本描述界面

用户只需要用文本对V0描述自己理想的网站界面,V0就会生成几种方案供你选择，除了UI外，还可以直接查看代码。

2. AI生成代码

V0利用开源工具比如React、Tailwind CSS、Shadow UI等来生成实际的网站前端代码。

3. 迭代优化

用户可以选择不同的迭代版本继续进行输入文本来下达指令直接编辑调整,直到满意为止。

之后,用户只需复制生成的代码到自己的应用中,就可以基于这个初版继续开发完善。

使用Vercel V0非常简单,具体步骤:

1.注册Vercel V0账号,验证邮箱https://v0.dev/

2.在对话框输入网页描述,如“A login card with google as provider.（谷歌的登录界面）”

3.V0会根据描述生成UI方案和代码,用户可以直接预览效果

4.点击“Code”可查看并编辑生成的HTML、CSS代码

5.在对话框继续输入描述指令,可以进行颜色或文本等细节方案的迭代修改。例如,输入“把按钮改为蓝色”,V0就会自动调整按钮颜色为蓝色。

此外,Vercel V0还支持识别网页截图。用户可以截取任意界面样例,上传后V0就能生成高度相似的代码。即使是复杂页面,它也可以准确识别各元素位置、样式,大幅简化网页制作。

目前,V0提供了免费版和三种付费订阅方案。付费用户还可以按需购买额外的创作点数。该产品还计划在未来增加对自定义设计系统、主题切换等功能的支持,以进一步提高生成网站的质量和速度。