Vercel
v0
言葉で説明するだけで画面を生成してくれるUIツール
◐無料プランあり △韓国語一部対応
最終確認:
主な仕様
| 料金 | ◐無料プランあり |
|---|---|
| 無料の上限 | 月額$5相当のクレジット |
| 有料価格 | Plus 1人あたり月額$30 · Business 1人あたり月額$100 |
| 学生・教育割引 | なし |
| 韓国語 | △一部対応UI画面は英語。韓国語で説明しても概ね理解可能 |
| ログイン | 必要 |
| プラットフォーム | ウェブ |
| ファイル入力 | IMAGE |
| 出力のダウンロード | Reactコードのコピー・ダウンロード、デプロイ連携まで対応 |
| 商用利用 | 可生成したコードはプロジェクトに組み込んで利用可能。利用規約の確認を推奨 |
料金は変更されることがあります。通貨・期間は公式表記のままで、為替換算はしません。 料金ページ (新しいタブで開く)
こんな人に
- デザインカンプなしで画面を素早く作って見せる必要がある開発者。説明するだけで動作する画面が完成する
- Reactプロジェクトに新しい画面を追加したい人。生成されたコードをそのまま活用できる
- スケッチやキャプチャ画像を画面に落とし込みたい人。画像をアップロードして開始できる
惜しい点
- UIパーツを作成するツールの枠組みのため、サーバーやデータ保存までは対応していない
- 無料クレジットが少なく、何度か修正を繰り返すと上限に達する
- 出力結果が特定の技術構成に最適化されているため、異なる構成のプロジェクトでは手動調整が必要になる
始め方
- 公式サイトでアカウント登録を行い、残りのクレジットを確認する。
- 「3つの料金表が横並びで、中央が強調されたレイアウト」のように画面のイメージを言葉で説明する。
- 生成された画面を見ながら「余白を広げて」のように修正箇所を言葉で指示する。
- 気に入った仕上がりになったらコードをコピーし、自分のプロジェクトに貼り付ける。
- サーバーやデータ保存機能が必要な場合は、他のツールや自作コードと連携させる。
似ているツール
- Bolt.new ◐無料プランあり v0はUIパーツを精巧に作成し、Boltはアプリ全体を一括で構築します。
- Lovable ◐無料プランあり Lovableはサービス全体を構築し、v0は画面を生成して既存プロジェクトに組み込みます。
- Cursor ◐無料プランあり Cursorは自分のコードを修正し、v0は新しい画面を一から生成します。
- ChatGPT Image ◐無料プランあり gpt-imageは画像を描画し、v0は実際に動作する画面コードを生成します。
あわせて見る
- 比較: プログラミング未経験でもアプリを作れるAI 4選を比較
- 用途: コーディング支援
公式リンク
アフィリエイトリンクではありません。誤りがあれば 修正を提案を送ってください。