Claude Design by Anthropic Labs lets you create websites, prototypes, and presentations by describing what you want in a conversation with Claude. When your design is ready, you can export it as a .zip file. Vercel Drop deploys that .zip by dragging it into your browser, with no Git, Vercel CLI, or local setup. Together, they take you from a prompt to a live production URL you can share with anyone.
In this guide, you'll export your Claude Design project as a .zip, deploy it to Vercel with Vercel Drop, choose which page loads at your site's root, and set up automatic deployments if you keep iterating.
- A Claude Design project. Claude Design is available in research preview on Claude Pro, Max, Team, and Enterprise plans.
- A Vercel account. The free Hobby plan works.
Open your project in Claude Design, then select Export in the upper-right corner. Choose Download as .zip to save your design as a zipped folder of website files.
Go to vercel.com/drop and drag the .zip onto the page. You can also select a file to upload instead of dragging. There's no need to unzip the export first, because Vercel Drop accepts files, folders, and .zip archives.
Choose the Vercel team to deploy to, enter a project name, and select Deploy. Vercel creates a new project, uploads your files, and publishes them straight to production. When the deployment finishes, you get a live URL for your site.
If your export has no index.html at the top of the folder, Vercel asks which page people should see first when they open your site. Pick a page from the Root (/) menu. If you choose No root page, your site's root (/) returns a 404, though Vercel still serves each file at its own path.
Each drop creates a new Vercel project, so re-exporting from Claude Design and dropping again gives you a new project with a new URL. If you plan to iterate on a design over time, you have two options:
- Keep dropping: Useful for prototypes where each version standing alone is fine.
- Connect a repository: Use Claude Design's Handoff to Claude Code export to move the project into a codebase, push it to GitHub, GitLab, or Bitbucket, and connect the repository to Vercel. After that, every push deploys automatically, and your project URL stays the same.
- Read the Vercel Drop documentation for limitations and details.
- Deploy from Git for automatic deployments on every push.
- Managing deployments to redeploy, inspect, and promote.
- Get started with Claude Design for prompting tips and export formats.
