5.9
深览指数
产品人人都是产品经理·产品锦李··AI 生成
Vibe Coding 使 AI 画原型照进现实，我已经打算完全放弃 Axure
本文是产品经理视角的 Axhub Make 部署与使用教程。作者认为，Vibe Coding 此前仅对开发者有用，而 Axhub Make 的更新版本通过 AI + IDE 协同，让产品经理能用代码思维完成原型设计、标注和文档生成。文章详细演示了从安装 VS Code、AI 插件，到启动项目、画原型、改原型、写标注的全流程。核心论点是：在熟练后，这一开源工具可完全替代 Axure。适合想尝试 AI 辅助原型设计但缺乏代码经验的产品经理阅读。原文 ↗
核心观点
- ▍Axhub Make 的新版本，让产品经理通过「Vibe Coding + IDE」的协同模式，可以实现用 AI 画原型、改原型、写标注和生成需求文档，并在熟练后完全替代 Axure。
- 01安装流程：需先安装 IDE（如 VS Code），再安装 AI 插件（如 Code Buddy），然后通过 Axhub Make 官网复制安装指令给 AI，自动化安装 Node.js 等环境。
- 02创建项目：推荐下载客户端包解压到目标目录，通过网页端「选择已有项目」添加，随后启动客户端即可。
- 03画原型：在 Axhub Make 网页中通过 AI 按钮打开已加载项目的 IDE，在 AI 对话界面输入需求（如「生成一个包含登录框和按钮的页面」），AI 执行后刷新网页即可看到原型。
- 04改原型：进入批注页面，点击页面元素并填写修改要求，通过「复制提示词」发给 AI，AI 会自动定位元素完成修改并刷新。
- 05写标注：在批注页整体页面点击，输入「/」选择「原型标注」技能，复制提示词发给 AI，可自动为所有页面元素生成标注和需求说明文档。
- 06标注状态：Axhub Make 支持为元素设置不同状态（类似 Axure 动态面板），点击状态切换可呈现不同场景下的样式（如按钮的默认、悬停、禁用）。
反方 / 局限
- — 作者承认 Axhub Make 通过网页直接调用 AI 编辑原型和文档的功能「还不是特别完善」，所以实际使用仍需搭配 IDE 操作。
- — 部署过程相对复杂，需要理解 IDE、插件、Node.js 等产品经理不熟悉的技术概念，作者也提醒「安装过程对于一些人来说可能有点复杂」。
13 分钟 · 4 卡片 · 12 资料
读原文 →