之前看过很多博主使用Cursor+Axure来画原型的方法，说实话，接入MCP然后生成HTML代码一大堆的，有用，但一整套流程下来，折腾的够呛！

不过又发现了一款新的小众工具Readdy，而且有博主已经动手用Readdy + Axure 更丝滑的实现了AI生成原型图的效果，所以今天苏米先分享一下这款小众的AI工具，等抽出空来再完整的测试一下！

Readdy是什么？

先承认一下，苏米确实也是第一次听说这款工具Readdy，看来是个宝藏工具还是相对小众的。

简单来说，Readdy就是一个AI驱动的设计工具，你只需要用大白话描述一下想要什么样的界面，它就能帮你生成符合Figma标准的设计稿。更厉害的是，它还能直接输出React、Vue等前端代码，真正做到了从想法到实现的无缝连接。

而且还有海量作品灵感可一键查看和使用模板快速生成；

核心功能

苏米体验下来，Readdy主要有两个杀手锏：

第一个是AI生成设计图的能力。你就用日常聊天的方式告诉它你想要什么，比如"我要一个电商App的商品详情页"，它就能快速生成一个看起来很专业的设计稿。质量说实话，已经接近Figma的水准了，完全够用。

第二个是代码生成功能。这个真的让苏米惊喜，生成的代码质量相当不错，而且支持主流的前端框架。更棒的是，它还能和GitHub Copilot联动，基本上可以实现从设计到代码的全自动化流程。

适用场景

苏米觉得Readdy特别适合几种情况：

快速验证想法。特别是做0-1项目的时候，需要快速出个原型给老板或者投资人看，Readdy能帮你省掉大量时间。

小团队作战。如果你们团队人手紧张，设计师忙不过来，产品经理自己就能用Readdy快速搞定基础设计。

设计小白友好。就算你完全不会设计，只要能用中文描述清楚需求，Readdy就能帮你实现。

定价

苏米也关注了一下价格，还算合理：

• 免费版：每月200个AI点数，支持2个项目，已经够个人体验了

• 入门版：月费20美元，5000点数，10个项目

• 专业版：月费40美元，11000点数，项目不限

对于个人用户来说，免费版就够玩了；如果是小团队，入门版性价比挺高的。

Readdy + Axure 原型设计方案

先把Readdy + Axure生成原型的方案放这了，等得空了再实际操作一下。

步骤一：Readdy 生成基础原型

1. 打开 Readdy，新建项目；

2. 在输入框输入：“生成一个包含登录、首页卡片流展示、详情页的 Web 原型”；

3. 等几秒钟，Readdy 生成两个方案，选其中一个；

4. 导出为 Figma 文件或 React 代码。

步骤二：将导出内容带入 Axure

1. 打开 Axure RP，在文件里导入 Figma 文件（或直接粘贴组件）；

2. 对页面进行布局调整，比如按钮、导航位置；

3. 用 Axure 的动态面板、交互逻辑，添加点击跳转、状态切换、tab 切换等效果；

总结

作为一个热爱探索 AI 工具的产品经理，我日常走在“AI 怎么用”的最前线。 Readdy + Axure 的组合可能是AI原型设计的一种新的高效工具组合，比传统的纯手撸又快又好看。

工具地址：https://readdy.ai/

苏米会持续分享更多AI工具的使用心得，欢迎大家一起交流探讨！