OpenUI：让AI用自然语言生成可交互UI，开源版v0来了！

AI 生成 UI 这件事，终于有开源版了

做设计/前端的朋友，你有没有这种感觉——每次想快速验证一个 UI 想法，得：打开 Figma → 画草图 → 导图 → 发给开发 → 等代码。一来一回，半小时没了。

最近我在 GitHub 上挖到一个项目，解决了这个痛点，而且完全开源，叫 OpenUI。

一句话说清它是什么

用自然语言描述你想要的界面，OpenUI 直接给你渲染出来——是实时的、可交互的 HTML/React 代码。不是示意图，是真的能点的界面。

类比的话，它就是开源版的 v0.dev，但更开放。v0 需要在他们的平台玩，OpenUI 可以本地跑，数据不外流。

核心功能

• 自然语言 → UI：说”给我一个左侧边栏、顶部导航、右边内容区”，立刻渲染出来
• 多模型支持：OpenAI、Claude（通过 LiteLLM）、Gemini、Groq、本地 Ollama……基本上你能想到的模型都支持
• 代码实时切换：生成的是 HTML，可以一键转 React、Svelte、Web Components
• 截图转 UI：扔一张截图进去，它能理解布局并生成对应代码
• 本地部署：Docker 一键跑，数据留在本地

实际体验

我自己用 Docker 起了一个，绑了 Claude API，随便说了几个需求：

“一个深色主题的数据看板，带图表、用户列表和操作按钮”——5 秒出初版，再花 2 分钟调整细节，就得到了一版可以直接给前端看的原型代码。

生成的代码质量还不错，用的是 Tailwind CSS，结构清晰，不是一堆 div 堆砌。

适合谁用

• 设计师：想快速验证想法，不用等开发出图
• 产品经理：做高保真原型，甩给团队看
• 前端开发者：AI 生成初版代码，自己再微调，效率翻倍
• AI 应用开发者：做 AI UI 相关的 Demo 和原型

怎么跑起来

最简单的方式（Docker，已包含后端+前端）：

docker run --rm -p 7878:7878 
  -e OPENAI_API_KEY=你的Key 
  ghcr.io/wandb/openui

然后浏览器打开 http://localhost:7878 就能用。

也支持 Claude、Gemini、Ollama 等模型，换模型在设置里点点就行。

值不值得用

⭐ 20k+ GitHub Stars，W&B（Weights & Biases）出品，品质有保障。

用它替代 Figma 快速原型、AI 辅助写 UI 代码，绝对是生产力的提升。唯一要注意的是——生成效果依赖模型能力，Claude 效果最好，GPT-4o 也行，本地模型稍慢但免费。

设计师和开发者的协作链路，终于可以更顺了。

GitHub：https://github.com/wandb/openui

GitHub: https://github.com/wandb/openui