Import from v0

Import v0 by Vercel designs into Alloy for editable prototypes. Transform AI-generated components into interactive designs. Start now.

Introduction

Alloy makes it easy to import UI components from v0 by Vercel and transform them into fully editable prototypes that match your existing product's design system.

Whether you want to test new component variations or integrate v0 generations into your product flow, Alloy lets you capture v0 designs and modify them to fit your product's look and feel.

Capture screen from v0 (recommended)

The Capture Screen method is the fastest and most accurate way to import your v0 generation into Alloy. It uses the Alloy Browser Extension to replicate your design with pixel-perfect precision.

Steps:

  1. Download and install the Alloy Browser Extension
  2. Open your v0 generation in a supported browser (Chrome, Arc, Edge, Brave)
  3. Click Capture Screen in the Alloy extension
  4. Wait a few moments while Alloy recreates your v0 design inside the editor
  5. Start prototyping using:
    • Chat interface – type natural language prompts to make changes
    • Visual editing – select specific components and update them instantly

Best for:

  • Preserving the exact styling from v0's React and Tailwind components
  • Capturing different viewport sizes (desktop/tablet/mobile)
  • Maintaining v0's careful typography and spacing

Upload your v0 link

If your v0 generation has a shareable URL, you can import it directly into Alloy using the Upload Link feature.

Steps:

  1. Copy the public URL of your v0 generation (v0.dev/t/[your-id])
  2. Paste it into Alloy's Upload Link field
  3. Alloy will generate a lifelike recreation of your v0 design
  4. Edit the design instantly using chat prompts or visual editing

Best for:

  • Quickly recreating v0 components without installing the extension
  • Simple component imports
  • Testing multiple v0 variations

Tips for v0 imports

  • Ensure your v0 generation is fully rendered before capturing
  • v0's React components and Tailwind classes import cleanly
  • Review imported components and adjust to match your product's design system
  • v0's color palettes and typography convert well to Alloy's design tokens
  • Consider importing multiple v0 generations to build a component library