AI-made prototypes.Every pixel still yours.
One sentence in, a clickable prototype out. Edit every button, text and color by hand.
- No install
- 1.25M free tokens
- Local-first · cloud sync
Say it. Pop — it’s drawn.
Pages drawn, PRD notes written.
Wireframe to hi-fi in one click
Nail the structure, then get 3 distinct designs.
Let AI nitpick before engineering does
AI asks the review-meeting questions first.
Don’t redraw old prototypes. Drop the folder in.
Drop the whole folder in. Styles intact, ready to edit.
Say it in Claude Code. Watch the canvas change.
Claude Code, Codex and WorkBuddy edit your prototype directly.
Pick one and go
vs. Axure and Modao
Based on public information as of October 2026.
1.25M free tokens on sign-up
Always free, no tokens used
- Unlimited projects and pages
- Manual drawing & editing
- Import Axure / HTML
- Export HTML, images, PRD
- MCP for Claude Code / Codex
Frequently asked questions
What is popop-draw?
popop-draw (啪啪画) is a browser-based AI prototyping tool for product managers. Describe an app in a sentence to get a multi-page clickable prototype, then edit every element by hand, like in Axure.
Do I need to sign up or install anything?
No install — open pop.casebase.space/app. Drawing, importing and exporting need no account; AI features need a quick email sign-up, which comes with 1.25M free tokens.
Where are my prototypes stored?
Local-first: without an account, prototypes live only in your browser. Sign in and they sync to the cloud (changes only), so you can pick up on another computer. You can also export a project file any time. When you use AI, your prompt and page structure are sent to DeepSeek to generate results.
How is it different from Modao or Axure?
Axure has the deepest interaction logic but needs a desktop install and has no AI generation. Modao generates with its own built-in AI only, its AI output can’t be edited element by element, and its MCP only imports HTML. In popop-draw every AI-generated element is hand-editable, it’s local-first with cloud sync, whole Axure exports import as editable layers, you get health checks, 4-role walkthroughs, iteration diffs and consistency cleanup, and Claude Code, Codex and WorkBuddy can read and edit your prototypes over MCP.
Can I import Axure prototypes?
Yes. Drag the whole Axure HTML export folder in (or use “Import folder”). Styles, images and rich text are preserved and pages are laid out automatically. Single HTML files and screenshots work too.
Which AI model, and how does credit work?
DeepSeek V4.1 Flash, with text and screenshot input. Sign-up includes 1.25M tokens — at ~5K tokens per page, roughly 100+ pages. When it runs out, keep going through MCP with your own Claude Code, Codex and more.
How do I connect Claude Code, Codex or WorkBuddy?
Open Settings → Connect your AI in the editor, pick your tool (Codex, Claude Code, WorkBuddy, Qoder or TRAE) and paste the ready-made config by following the three illustrated steps — or copy one sentence and send it to your AI to install and verify itself. Then ask in plain language to read, edit or create prototypes; changes sync live to the canvas and can be undone. MCP is free and uses no AI credit.
What can I export?
Clickable HTML prototypes, page images (PNG), a PRD document (Markdown), and full project files you can re-import.
How much does it cost?
Everything is free during the beta, and sign-up includes 1.25M AI tokens. Drawing, importing, exporting and MCP never use tokens.
Does it work on phones?
You can view and present prototypes on a phone; editing works best in a desktop browser.
Go on, make it pop
See your idea in seconds.
Start free Opens instantly · 1.25M free tokens on sign-up