カテゴリ
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.
編集用 / GSC 追記欄
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.
このカテゴリのツール
概要と公式リンクは各ツール詳細へ。カテゴリ内の関連ピックも参照してください。
v0: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Bolt.new: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Lovable の AI アプリビルダー。プロンプト主導でフルスタック UI/ バックエンド骨格を反復プレビュー—本番前にエクスポート・ホスティング・権限を確認。
Tempo: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Subframe: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Figma Make: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Relume: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。
Onlook: 人気のAI製品です。機能・料金・対応地域・データ取り扱い・最新モデルは公式サイトで確認してください。