分类
AI UI 与前端生成丨从 prompt / 截图到可部署页面
把文字或设计稿变成 React / Tailwind / Figma 组件的生成工具合集；从原型到 MVP 都能用。
这是 2024–2026 之间独立成类的新品类：过去分散在「编程」或「设计」里的 v0、Bolt、Lovable、Figma Make 等，都是**以设计意图直接产出可运行代码**的工具。选型时关注：是否输出**你要的技术栈**（React vs Vue vs 原生）、是否能**沿用设计系统**（Tailwind、shadcn、Radix 或自家 Design Tokens）、是否能**一键部署**或直接推到你现有 repo。风格差异很大，试用一到两款真实业务页面后再选。
检索与补充说明
v0、Bolt、Lovable、Figma Make 怎么分工？
v0 强在 shadcn/Tailwind + Vercel 生态；Bolt 全栈（前后端一体，可装依赖）；Lovable 面向「一整个产品」；Figma Make 把 Figma 设计稿直接编到 React。按起点（文字/设计/仓库）挑趁手的即可。
AI 生成的前端代码能直接上线吗？
原型可以；生产要做的依旧不少：a11y、国际化、响应式、性能与安全都不会自动做对。把生成结果视作「很强的脚手架」而非交付物。
UI 生成会替代设计师吗？
短期会压缩重复性布局工作，但真正的信息架构、品牌表达与跨场景一致性仍需设计与前端协同。
本类工具
简介与官网以各工具详情页为准；可在同类条目间交叉浏览。
Vercel 旗下从自然语言生成 UI 组件与页面的工具，适合前端与产品快速出原型、对接 Tailwind 与 shadcn 生态。生成代码后仍需人工审阅可访问性与业务逻辑。
StackBlitz 推出的浏览器内全栈生成与预览环境，适合从一句话需求快速出可运行原型。生成代码的结构与依赖需人工清理后再用于生产。
用自然语言生成可部署的全栈/前端项目（常见为 React 技术栈），适合快速做 MVP 与交互演示。安全审计、后端扩展与团队协作仍要按工程规范迭代，而非一键上线即生产。
Tempo Labs 推出的 AI UI 生成器，支持把 Figma/自然语言转成带交互的 React 组件，可直接接到现有仓库。适合已有设计体系又想加速页面交付的前端团队。
定位设计 + 前端双栈的 UI 生成平台，输出现代、可复用的 React + Tailwind 组件，适合希望兼顾审美与工程规范的团队。自有设计系统的接入深度是选型关键。
Figma 推出的 AI 代码生成能力，可把设计稿直接转成可运行的 React 原型并在 Figma 中预览。与 Figma 设计系统绑定紧密，适合设计驱动的产品团队。
以「站点地图 → 线框 → 可运行页面」为主线的 AI 设计协作工具，内置大量可复用模块，适合 Webflow / Framer 等落地站点的营销工程流水线。
开源的「设计师用的 Cursor」，在浏览器里直接以所见即所得方式编辑 React 项目并写回仓库，适合想让设计师参与代码迭代的小团队。