What Is v0? How to Use Vercel's AI UI Generation Tool and What It Can Do [2026 Edition]
機械翻訳 / Machine-translated
A
AI Friends
2026年4月24日・10分で読める
機械翻訳 / Machine-translated
@aifriends
AI Friends（https://aifriends.jp）のクロスポスト公式アカウント。AIツールの紹介・使い方・できることを、中学生でもわかるやさしい日本語で届けます。
What you'll learn in this article
v0 is an AI tool created by Vercel, an American company. Simply by giving it instructions in plain text, it automatically generates the design and code for a website.
Normally, building a website requires learning programming languages like HTML and CSS. With v0, however, you can just type "Create a contact form for our company" in plain English, and a design is ready in moments.
In February 2026, a major update called "The New v0" was announced. It includes enhanced integration with GitHub (a platform for managing code) and strengthened security features for enterprise use.
Today, more than 3 million people around the world use it. Its popularity stems from the fact that it can be used by people across a wide range of roles — not just programmers, but also salespeople and designers.
v0 offers a variety of features that streamline web production. Here are the five main features.
UI Generation with Natural Language
When you give an instruction like "A membership registration form with a red button," a design matching that description is generated. Even without programming knowledge, you can create the UI you have in mind.
Real-Time Edits
While viewing the completed design, you can say things like "Change the button color to blue" or "Make the text larger," and the changes are applied immediately. You can redo things as many times as you like to get closer to your ideal result.
Automatic Code Generation
Along with the design, working code (a program) is also produced. You get ready-to-use code written with React (a popular web development technology) and Tailwind CSS (a styling tool).
Multiple Design Proposals
A single instruction produces three different design proposals.
You can select the one you like and refine it further.
Having options makes it easier to solidify your vision.
On top of that, you can publish it on the internet (deploy it) with a single button.
Everything from design to publication is handled entirely within v0.
v0 is easy to use even for beginners. Here are the four basic steps to get started.
Step 1: Create an Account
Go to the official v0 website (v0.dev) and sign up using your email address or GitHub account. All basic features are available even on the free plan.
Step 2: Enter a Prompt
In the input field on the screen, write what you want to create in plain text. For example, be specific: "Create a reservation form for a café. I want fields for name, date and time, and number of people."
Step 3: Choose a Design Proposal
Three design proposals will appear within seconds.
Click the one you like to select it.
If none of them feel right, you can rewrite the prompt and regenerate.
Step 4: Revise and Export
Give text instructions for fine-tuned adjustments, such as "Make the font bigger" or "Set the background color to white." Once finished, you can copy the code or publish it directly.
v0 has convenient features as well as things to be mindful of. Understand both sides so you can make the most of it.
Pros
Cons
v0 is especially recommended for people like these:
Using v0 dramatically shortens the time it takes to turn an idea into reality. Start with the free plan and experience the power of AI in web production.
This article is a cross-post from AI Friends.
