2026-04-218 个条目
AI UI 与前端生成器 — 从 prompt / 设计稿到可运行代码
v0、Bolt.new、Lovable、Tempo、Subframe、Figma Make、Relume、Onlook:按你要的起点挑工具。
对应「v0 vs Bolt」「Lovable 替代」「AI 生成 UI」等搜索。选型维度:输出技术栈(React / Tailwind / shadcn vs 原生 HTML)、是否沿用设计系统、是否能写回现有仓库。
生成结果适合做「很强的脚手架」;可访问性、国际化、响应式、性能与安全仍需工程团队把关。
本合集收录的工具
- v0
Vercel 旗下从自然语言生成 UI 组件与页面的工具,适合前端与产品快速出原型、对接 Tailwind 与 shadcn 生态。生成代码后仍需人工审阅可访问性与业务逻辑。
UI / 前端生成 - Bolt.new
StackBlitz 推出的浏览器内全栈生成与预览环境,适合从一句话需求快速出可运行原型。生成代码的结构与依赖需人工清理后再用于生产。
UI / 前端生成 - Lovable
用自然语言生成可部署的全栈/前端项目(常见为 React 技术栈),适合快速做 MVP 与交互演示。安全审计、后端扩展与团队协作仍要按工程规范迭代,而非一键上线即生产。
UI / 前端生成 - Tempo
Tempo Labs 推出的 AI UI 生成器,支持把 Figma/自然语言转成带交互的 React 组件,可直接接到现有仓库。适合已有设计体系又想加速页面交付的前端团队。
UI / 前端生成 - Subframe
定位设计 + 前端双栈的 UI 生成平台,输出现代、可复用的 React + Tailwind 组件,适合希望兼顾审美与工程规范的团队。自有设计系统的接入深度是选型关键。
UI / 前端生成 - Figma Make
Figma 推出的 AI 代码生成能力,可把设计稿直接转成可运行的 React 原型并在 Figma 中预览。与 Figma 设计系统绑定紧密,适合设计驱动的产品团队。
UI / 前端生成 - Relume
以「站点地图 → 线框 → 可运行页面」为主线的 AI 设计协作工具,内置大量可复用模块,适合 Webflow / Framer 等落地站点的营销工程流水线。
UI / 前端生成 - Onlook
开源的「设计师用的 Cursor」,在浏览器里直接以所见即所得方式编辑 React 项目并写回仓库,适合想让设计师参与代码迭代的小团队。
UI / 前端生成