Designobo：40kb JavaScript 打造的 AI 原型设计工具

Product design at
the speed of thought.

Describe it, and AI designs the screens while you watch.

Start designing free

All made with Designobo Open project

Trusted by agents at

• Claude Code
• Codex
• Cursor
• OpenCode

01

Say what you want.

Write it like you'd brief a designer. Attach a screenshot or a sketch for reference.

02

Get the whole flow.

Every screen at once, side by side on an infinite canvas. Compare, tweak, keep going.

03

Point, draw, or edit by hand.

Comment on an element, draw over the screen, or edit it yourself. Then share one link.

Make the idea clear before you build it.

Designobo designs the UI: screens, flows and interactions you can click. No backend, no app code.

• Founders

  Validate an idea with something people can actually click.

• Product managers

  Show the feature instead of describing it in a doc.

• Designers

  Explore several directions before committing to one.

• Developers

  Try an interface direction before writing a line of it.

Bring your coding agent to the Canvas.

Designobo speaks MCP. Connect Claude Code, Codex, Cursor or any compatible client, and spend usage from your own subscription.

• Claude Code
• Codex
• OpenCode
• Cursor
• Other

Free

$0 · no card required

• 50 credits, once
• Models: GPT 6 Luna
• 3 projects, 10 screens
• 200 MCP tool calls / month

Standard

$17 / month

• 1,000 credits every month
• All models, including Claude Opus 5.5
• Unlimited projects, screens and MCP

Pro

$37 / month

• 3,000 credits every month
• All models, including Claude Opus 5.5
• Top up anytime, credits never expire

FAQ

Does Designobo build real apps?

No. It designs the front end: clickable UI prototypes made of HTML screens. There's no backend or database to wire up.

How do I edit what it makes?

Ask in chat, pin a comment to an element, draw over the screen, or open the editor and change text, styles and layout yourself.

Can I share or export it?

Share a link to the whole project or to a single screen. Anyone can click through it, no account needed. Or download the screens as HTML.

Can I use my own agent?

Yes. Connect Claude Code, Codex, Cursor or any MCP client. Edits made that way don't spend Designobo credits.

What's free, and how do credits work?

Free gives you 50 credits once, no card required, with 3 projects and 10 screens. Agent turns spend credits. Standard ($17) and Pro ($37) include 1,000 or 3,000 credits a month, and you can top up anytime.

Your next idea,
on screen in minutes.

Start designing free