大家都知道 Cursor 是个AI编程工具,但其实它除了AI编程以外,还可以做产品原型设计,而且相当的“强悍”!
| 首页 | 个人页 |
|---|---|

What?你不相信这是 Cursor 做出来的么~
图片已被安全策略阻止其实非常的简单,来看看具体怎么做?看完你也能搞定!
「正片开始」
图片已被安全策略阻止那么 Cursor 能做代码开发,再结合它本身可以调用 gpt 大模型,那我们就可以完全用 Cursor 搞定产品开发最核心的三阶段:产品需求、原型设计、产品开发。
01 跟 AI 聊需求?
1、第 1 步,先跟gpt聊聊我们的想法。让我们先把Cursor的模式设置为:Ask,大模型选择:gpt-4.1。
tips:cursor有三种模式分别是:Agent、Ask、Manual

2、告诉 AI 你想要做什么~ 我这里是打算做一个番茄时钟App。
输入prompt(提示词):
我想要做一个番茄时钟iOS App,

3、Cursor基于咱们给到的提示词,快速的生成了产品需求~

4、但需求是偏简单和模糊的,让我们继续跟它沟通(让它继续干活):

5、到这,基础需求差不多了。现在要告诉 AI 我们需要什么样的原型展示方式,包括使用HTML的形式,要求所有的原型图平铺在一个页面上。

02 让 AI 设计原型
1、经过第 1 步(跟AI沟通需求),我们已经搞定一个产品的基础需求。那么让AI基于 “需求文档” 生成的《UI设计文档》,开始进入到第 2 步,开始产品原型图设计。

2、a few minutes,Cursor 完成代码生成,并创建index.html页面。

03 来看看设计效果
1、复制 “index.html” URL,打开浏览器,粘贴打开~

2、我只能说,效果相当不错!基础的功能都有了,产品页面设计也非常的简洁,页面逻辑关系合理。
| 首页 | 个人页 |
|---|---|

OK!这就是今天跟大家分享的用 Cursor 快速完成产品UI原型设计。大家快去“试试”吧。
提交反馈
图文2分钟 Cursor 设计出iOS产品原型,太惊艳了!
评论区
暂无公开评论还没有公开评论。