Quick Start Guide
Go from an idea to a live website in six steps.
1. Create a Project
From the dashboard, click New Project. Give it a name and a short description of what you're building. The AI will use this description to help generate content throughout the workflow.
2. Define Features
List the key features of your product. You can type them manually or click Auto-Generate to let the AI suggest features based on your project description. Drag to reorder them by priority.
3. Map User Flows
Define how users will interact with your product. Each user flow is a series of steps a user takes to accomplish a goal — like signing up, browsing products, or completing a purchase. The AI can auto-generate these too.
4. Plan Your Pages
Define the pages your site needs (e.g. Home, About, Pricing, Dashboard). For each page, you can add content sections that describe what should appear. The more detail you provide, the better the AI-generated designs will be.
5. Generate Designs
Click Generate on any page to have the AI create a fully styled HTML design. You can generate pages one at a time or use Generate All to batch-generate every page. The first design generated becomes the style guide — subsequent pages will match its look and feel.
6. Build & Publish
Once you're happy with your designs, move to the Build step to generate a full, production-ready codebase. Choose your framework (Next.js, Vite + React, or HTML) and styling preference. Then hit Publish to deploy to Vercel with one click.