2分钟 Cursor 设计出iOS产品原型,太惊艳了!

Cursor 是个AI编程工具,但其实它除了AI编程以外,还可以做产品原型设计,而且相当的“强悍”!

文档更新 · 2025-06-242 min read

大家都知道 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(提示词):

code
我想要做一个番茄时钟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产品原型,太惊艳了!

反馈类型

请等待管理员审核,通过后将显示在评论区。

0 / 500