「作りたいUIを言葉で説明すると、本番品質のReactコードが返ってくる」。v0 は Vercel が手がけるAIアプリビルダーです。生成されるのは Next.js+Tailwind CSS+shadcn/ui の“プロが認める”コード。2026年にはフルスタック開発ツールへと進化しました。
v0 とは
v0(v0.app、旧 v0.dev)は、自然言語のプロンプトから本番で使えるReact/Next.jsコードを生成するAIツールです。価格ページ・ダッシュボード・サインアップフォーム・複数ページのアプリなどを言葉で頼むと、Tailwind CSS と shadcn/ui を使ったコードが出力されます。ブラウザだけで完結し、インストール不要です。
2026年の進化:コンポーネント生成からフルスタックへ
もともとはUI部品の生成ツールでしたが、2026年初頭の刷新でGit連携・VS Code風エディタ・データベース接続(Snowflake/AWS)・サンドボックス実行・エージェント機能が加わり、本番アプリを作れるプラットフォームになりました。チャットからブランチ作成やPRも可能です。
- 最高クラスのReactコード品質:shadcn/ui・Tailwind・モダンなベストプラクティスが既定。
- Figmaインポート:モックアップを取り込んで実装に。
- ワンクリックデプロイ:Vercel上にそのまま公開。
使い方の流れ
v0.appに Vercel / GitHub / メールで登録(無料枠は月$5分のクレジット)。- モデルを選ぶ(Mini / Pro / Max の3段。まずは Pro が無難)。
- 目的・対象・構成を具体的に書いてプロンプト送信。
- 生成されたコードを編集・反復し、デプロイ。
料金
| プラン | 目安 |
|---|---|
| Free | $0(月$5相当のクレジット) |
| Premium | $20/月(Figmaインポート・API) |
| Team | $30/ユーザー/月 |
| Business / Enterprise | $100/ユーザー/月〜・カスタム |
2026年からトークン課金(生成の複雑さでコスト変動)。モデルは Mini / Pro / Max の3段でトークン単価が異なります。
向き・不向き
フロントエンドの高品質な足場づくり・プロトタイピングに最適。一方で「バックエンド込みの完成アプリを全自動で」という用途は他ツール(Bolt.new や Lovable 等)の方が得意な場面もあります。コードを自分で育てたい開発者向けの選択肢です。
主な情報源
機能・料金・モデル構成は公開時点のものです。収集・要約はAI、公開判断は人。