产品经理别再只画Axure了!用Cursor 10分钟手搓“可交互”原型

2026-01-11 11:45:31 0点赞 3收藏 0评论

做产品经理最痛苦的是什么?
是你写了3000字的PRD,画了精美的Figma,结果开发告诉你:“这个逻辑实现不了”、“这个动效太复杂”、“排期要下个月”。

最后做出来的东西,和你脑子里的想法差了十万八千里。

大人,时代变了。
自从用了 Cursor(当前最强的AI代码编辑器),我现在的 workflow 是:只有想法 -> 此时此刻让 Cursor 写代码 -> 生成网页 -> 自己点点看逻辑顺不顺 -> 拿着运行的 Demo 去找开发谈需求。

今天不讲虚的,直接演示一个不懂代码的 PM,如何用 Cursor 搞定一个**数据看板(Dashboard)**的 MVP。


准备工作:把 Cursor 当作你的“技术合伙人”

下载安装 Cursor 就不废话了。作为 PM,你只需要知道两个快捷键:

  1. Ctrl + I (Composer 模式):这是神技。你在这个框里打字提需求,它直接在整个项目里帮你写文件、改代码。

  2. Ctrl + L (Chat 模式):用来问问题,比如“这段代码啥意思?”或者“怎么运行这个项目?”


实战一:拒绝静态图,直接搓一个“活”的看板

场景:你需要做一个后台用户数据概览,包含“日活曲线图”和“用户地域分布”。

传统做法:在 Axure 里拖控件,截图,写备注“这里要能点击”。
Cursor 做法

第一步:新建文件夹,呼叫 Composer

电脑上新建一个文件夹叫 demo-dashboard,用 Cursor 打开。
按下 Ctrl + I,输入提示词(Prompt):

Prompt
"帮我用 HTML + Tailwind CSS + Echarts 写一个单页面的数据看板。
顶部是导航栏,左侧是菜单。
右侧内容区包含:

  1. 4个关键指标卡片(总用户、日活、收入、留存)。

  2. 一个折线图展示近7天流量。

  3. 一个饼图展示用户来源。
    界面风格要现代、简洁,类似 Linear 或 Vercel 的设计风格。"

见证奇迹的时刻
Cursor 会直接创建 index.html,然后一行行把代码写进去。你不需要懂

是什么,看着它写就行。

第二步:预览并调整 (迭代)

写完后,双击打开这个 index.html。
你会发现,图表是活的!鼠标放上去是有交互的!但是颜色可能有点丑。

这时候,不用求UI,直接选中代码,Ctrl + K (针对选中代码提问):

Prompt
"把顶部的指标卡片改成深色模式背景,数字加粗,变成橙色。另外,折线图的线条要做成平滑曲线,不要折线。"

刷一下,代码变了,刷新网页,效果立竿见影。

实战价值:拿着这个 HTML 给开发看,告诉他:“我要的就是这个交互效果,配色和布局参考这个来。” 这比任何 PRD 都更有说服力。


实战二:SQL 提取器 —— 别再等数分排期

场景:老板突然问你:“上周搞的活动,复购率到底多少?” 数分团队忙得飞起,让你排队。

Cursor 做法
只要你有数据库的表结构(哪怕是表头的截图,或者建表语句的文档),发给 Cursor。

Prompt (在 Chat 窗口)
"这是我们的订单表结构(粘贴字段名:order_id, user_id, amount, create_time)。
请帮我写一段 SQL:

  1. 筛选出上周(周一到周日)下单的用户。

  2. 计算这些用户里,有过2次以上购买记录的比例(复购率)。

  3. 排除掉退款订单(status = -1)。"

Cursor 会直接吐出一段标准的 SQL。你复制到公司的查询后台跑一下,数据到手。


实战三:技术可行性探测 —— 拆穿“这个做不了”

场景:你想加一个功能,开发说:“这个逻辑太复杂了,要把整个架构重构,做不了。”

Cursor 做法
如果你有权限访问代码库(Gitlab/Github),把代码拉下来用 Cursor 打开。
使用 @Codebase 功能(能够读取全库代码)。

Prompt
"@Codebase 我们现在的用户登录逻辑是在哪个文件?如果我想在登录成功后,额外增加一个判断:‘如果是VIP用户,跳转到专属页面,否则跳到首页’,需要改动哪些文件?代码量大吗?"

Cursor 会分析代码引用关系,告诉你:

  • “逻辑主要在 auth.service.ts 文件。”

  • “只需要在第 45 行 loginSuccess 函数里加一个 if 判断即可。”

拿着这个结论去跟开发沟通(注意态度,是探讨不是打脸):
“哎,我看了一下 auth.service.ts 里的逻辑,是不是在这里加个判断就可以?有没有什么潜在风险?”

这时候,开发会把你当成懂技术的自己人,沟通效率瞬间提升 200%。


总结:PM 的核心竞争力变了

以前,PM 的产出是 文档
现在,借助 Cursor,PM 的产出可以是 MVP(最小可行性产品)

我不是让你去写生产环境的代码(千万别,会被打死),而是利用 Cursor 快速具象化你的想法。

  1. 验证成本极低:想做什么功能,先花 10 分钟让 AI 跑个 Demo,不好用直接砍掉,不浪费开发资源。

  2. 沟通零歧义:代码是逻辑最严谨的语言,给开发看代码 Demo,胜过千言万语。

兄弟们,把 Axure 关了吧,打开 Cursor,你的产品经理之路会打开新世界的大门。

产品经理别再只画Axure了!用Cursor 10分钟手搓“可交互”原型

作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~

展开 收起
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
3
扫一下,分享更方便,购买更轻松