Building & Deploying
Turn your designs into a real, deployable codebase.
The Build Step
Once your designs are ready, navigate to the Build step in the project workflow. The AI analyzes all of your designs and generates a complete, production-quality codebase with proper component structure, routing, and styling.
Choose Your Framework
Before building, select your preferred framework and styling approach:
- Next.js — Full-featured React framework with file-based routing, server components, and optimized performance.
- Vite + React — Lightweight and fast, great for single-page applications and simpler sites.
- Plain HTML — Static HTML, CSS, and JavaScript. No framework required.
For styling, choose between Tailwind CSS, plain CSS, or SCSS.
Exporting Your Code
After the build completes, you can download the entire codebase as a ZIP file. The exported project is ready to run locally — just unzip, install dependencies, and start the development server.
One-Click Publish
The easiest way to go live is the Publish step. Connect your Vercel account and deploy with one click. You'll get a live URL instantly. Subsequent publishes update the same deployment.
Iterating After Build
You can go back and edit your designs at any time, then rebuild. The AI regenerates the codebase to reflect your changes. Each build is a fresh generation — your latest designs are always what gets built.