AI configuration required. AI Prototypes require an OpenAI or Gemini API key. For best results, OpenAI GPT-4o is recommended. See AI Configuration.
What are AI Prototypes?
AI Prototypes let you generate a working HTML + Tailwind CSS UI mockup from a plain-English description. You can then iterate on the design through natural language instructions, review past versions, link the prototype to a Feature, and export the code.
Creating a Prototype
- Click "New Prototype"
Give it a name and write a description of what you want to build.
- Add reference images (optional)
Upload screenshots of existing designs, competitor products, or rough sketches.
- Generate
Click Generate. The AI creates an HTML/Tailwind prototype and renders it in the live preview pane. Generation typically takes 10–30 seconds.
Iterating via Chat
After the first generation, continue refining the prototype using the chat pane. Every iteration is saved as a new version accessible in Version History.
Exporting
- Download HTML — a standalone HTML file with Tailwind CSS inlined via CDN
- Copy to clipboard — copy the full HTML source to paste into a code editor