分類

AI UI & front-end generation — from prompt or mockup to shippable pages

Tools that turn prompts or Figma files into React/Tailwind/Vue components—useful from prototype to MVP.

This slice became its own category between 2024 and 2026. v0, Bolt, Lovable, Figma Make and peers all **turn design intent into runnable code**. Check: target **stack** (React vs Vue vs plain HTML), fit with your **design system** (Tailwind, shadcn, Radix, custom tokens), and whether output can **deploy in one click** or push to your existing repo. Aesthetics vary a lot—run a real page through two of them before committing.

檢索與補充說明

v0 vs Bolt vs Lovable vs Figma Make

v0 nails shadcn/Tailwind and Vercel. Bolt is full-stack (installs deps, ships backend). Lovable targets end-to-end product workflows. Figma Make compiles Figma files into React. Pick based on your starting artifact (prompt, design, or repo).

Can generated UI ship to production?

Prototypes yes. Production still needs a11y, i18n, responsive polish, perf, and security work—treat output as a strong scaffold, not a deliverable.

Does this replace designers?

It compresses repetitive layout work. Information architecture, brand voice, and cross-surface consistency still need designers and front-end engineers working together.