v0 by Vercel

You can now use Claude Opus 5 in v0. Try it at https://v0.app?opus5

v0 can now turn a full Figma file into a working app. With a single link, the agent explores your pages and frames, picks what it needs, and builds the screens as one app. What v0 reads from your file: • Pages and frames • Design tokens and colors • Layout and text • Icons, logos, and images • Components and styles • Dev resources from Dev Mode It also compares each screen with the frame image as it builds. https://v0.app/docs/figma

Tip: use / in the prompt bar to invoke skills. Pull from skills.sh or your saved skills.

Two weeks ago, we announced Design Systems 2.0, a new way to bring your real design system into v0. This article takes a closer look at how v0 learns from your code, docs, and existing apps, then builds with your real components. Then we put it to the test: one prompt, five design systems, and five very different versions of GitHub. Full breakdown in the article below ↓

Claude Fable 5 is back in v0. Try it: v0.app/?fable5

v0 now uses Nano Banana 2 Lite for image generation. Turn on Generate Images in the prompt bar to include them in your outputs.

v0 Design Systems 2.0 is here. You can now import your system from the sources your team already uses: • GitHub repos • Public and private npm packages • Storybook and docs • Figma frames • Screenshots, ZIPs, and real apps. v0 now learns how your design system is actually used: • Components and props • Tokens and themes • Providers and global styles • Usage patterns from real apps Importing a design system creates a playground with your components and tokens. Preview the result, keep iterating in chat, and save it when it's ready. Once imported, your design system is ready for any chat: • Select it from the prompt bar • Start from the Design Systems page • Available to your team automatically Read the docs: https://lnkd.in/dCEvhVT6

Introducing v0's new design mode. The power of an agent, with the precision of a design tool. Edit anything right on the preview: • A floating toolbar over your selection • Handles to drag spacing and flex gaps • Drag to move and reorder • A shortcut to delete Go deeper in the side panels: • Layers with your full hierarchy • Properties for fonts, color, radius, and shadows • An inspector for links and ids Plus annotations: • Click elements in your preview • Leave comments • Send them as one prompt

You can now use skills in v0. Attach one from the prompt bar, and the agent uses it in every generation. Pull them from skills.sh, your saved skills, or your repo.

Introducing annotations in v0. Click elements in your preview, add comments, then send them all to the agent as a single prompt.