v0 by Vercel

概要

v0 は Vercel が提供する AI コーディングエージェント。プロンプトから Next.js + Tailwind CSS + shadcn/ui ベースの本番レディな React コードを生成し、Git 統合・コードエディタ・DB 接続・エージェントワークフローまでを 1 つのプラットフォームで扱えます。

主な特徴

本番レディな React コード生成

Next.js + Tailwind CSS + shadcn/ui をベースにした、そのまま使えるコードを生成。スクリーンショット・モックアップのアップロード、または Figma デザインのインポートから自動変換も可能です。Svelte / Vue は限定的なサポートに留まり、Angular や Material UI など別の構成では出力の大幅な書き直しが必要になります。

エージェントモデルの選択

用途に応じて 4 段階の v0 エージェントモデルを選べ、課金は生成の複雑さに応じたトークン従量制です。

モデル	入力（100万トークン）	出力（100万トークン）	位置づけ
v0 Mini	$0.20	$1.20	軽微な修正・下書き
v0 Pro	$2	$10	日常的な開発
v0 Max	$5	$25	複雑な多ファイル編集
v0 Max Fast	$10	$50	最速・最難タスク

エージェント型のフルスタック開発

• Git 統合 — チャットから直接ブランチ作成・PR 作成
• コードエディタ — 生成コードをファイル単位で編集し、差分ビューで確認
• データベース接続 — Neon、Supabase 等との統合
• Sandbox ランタイム — フルスタックアプリの実行環境
• エージェントワークフロー — 計画・調査・コード生成・デバッグを複数エージェントが分担し、工程ごとに最適なモデルを自動選択

Figma インポート

Figma デザインを取り込み、対応する React コードを自動生成します。

プラン・料金

プラン構成は Free / Plus / Business / Enterprise の 4 段階で、旧 Premium・Team・Ultra の各プランは廃止されました。

プラン	月額	含まれるクレジット
Free	$0	$5 相当（1 日 7 メッセージまで）
Plus	$30/ユーザー	$30 相当＋ログイン時に毎日 $2 相当
Business	$100/ユーザー	Plus と同等＋学習利用オプトアウトが既定
Enterprise	要問合せ	データプライバシー保証、優先サポート

代表的な活用例

• プロトタイプの高速制作
• 本番 UI コンポーネントの生成
• Figma デザイン→ React コード変換
• フルスタック MVP 開発
• クライアント向けデモ

強み

• ✅ Vercel 製で Next.js エコシステムに最適化
• ✅ shadcn/ui ベースで美しく実用的な UI
• ✅ Figma インポート対応
• ✅ Git 統合でチャットから PR 作成
• ✅ Sandbox ランタイムでフルスタック実行
• ✅ 用途と予算に応じてモデルを 4 段階から選べる

弱み

• ❌ Next.js 以外のフレームワークは対応薄
• ❌ Free は 1 日 7 メッセージの上限があり試用向け
• ❌ トークン従量制でクレジット消費が読みにくい
• ❌ 複雑なバックエンドロジックは苦手

公式情報

• 公式サイト: https://v0.app
• 料金: https://v0.app/pricing
• ドキュメント: https://v0.app/docs