软件时代,基本已经结束了。
不是因为软件不重要,而是因为软件太容易得到了。
就像水和电,以前要自己打井挑水,现在拧开水龙头就有。
未来的软件,是按需生成的。你要什么,它就长什么样。
我说的不是软件消失了。
我说的意思是: 软件作为"产品"的时代,要结束了。
以前,一个App从想法到上线,要经历:
产品经理画原型 → 设计师出图 → 前端写页面 → 后端写接口 → 测试验收 → 运维部署
这流程,快的话三个月,慢的话半年一年。
现在,你一个人,就能快速推进这些事情落地。
当然,前提是你得知道怎么控制和管理你的AI伙伴。
不少同学要么直接豆包一条龙要么直接cursor 闭眼猛干,
这样往往会遇到操控性或设计感不足,
今天这篇,不讲虚的。
试试这个方案:
Stitch设计 → 导出设计稿→ 丢给Cursor → +Mock数据+接口文档→Cursor生成代码。
第一步:找到需求,确定功能
做任何东西之前,你得先回答一个问题:
这玩意儿解决什么问题?
比如我要做一个围棋死活题练习的小程序。
这是什么东西?一个围棋死活题练习工具。
解决什么问题?让围棋爱好者不用买实体书,在手机上就能做题练习。
包含什么板块?练习册购买、做题、批改、讲解、错题本。
希望用户感受到什么氛围?专业但不枯燥,有挑战性但不会劝退。
就这么简单。
把功能想清楚,后面的事情就顺了。
第二步:用Stitch做页面设计
这是今天重点讲的部分。
工具地址:https://stitch.withgoogle.com
我用过很多设计工具,Figma、Sketch、Adobe XD......
说实话,这些工具都很好,但都有一个共同的问题:
你得会设计。
Stitch不一样。
你不需要会设计,你需要会说话。
Stitch的基本操作流程
- 输入提示词
- 增删页面
- 生成模拟效果
- 录制视频分享
- 导出给Cursor
就这五步。
提示词怎么写?
这是关键。
很多人第一次用Stitch,不知道怎么描述自己的需求。
我教你一个万能公式:
这是什么东西:xxx
解决什么问题:xxx
包含什么板块:xxx
希望用户感受到什么氛围:xxx
用我的围棋小程序举例:
这是一个围棋死活题练习小程序。
帮助围棋爱好者在手机上练习死活题。
包含登录页、首页、练习册列表、题目页面、视频讲解、错题本等模块。
氛围要专业但有趣,像一个耐心的围棋老师在旁边指导。
就这么写,Stitch就能理解你的意思。
页面流程设计
围棋小程序的页面流程是这样的:
登录页 → 首页 → 练习册详情 → 支付 → 做题设置 → 做题 → 视频讲解 → 错题本
在Stitch中,一次性生成页面后,都不需要联线,自己会形成跳转关系。
点击播放,你就能像用真App一样,从头走到尾。
这感觉,就像变魔术。
第三步:导入Cursor
设计做完了,怎么变成代码?
Stitch支持导出到各种开发工具,包括Cursor。
你把这些东西扔给Cursor,整个流程:
Stitch设计 → 导出设计稿→ 丢给Cursor → +Mock数据+接口文档→Cursor生成代码
到这一步,你可已经太COOL了,此时如果你有一个研发的朋友,可以在完成接口文档后,一起打包给他。
为什么我推荐Stitch而不是Claude Design?
最近Claude Design不是非常火爆吗,为什么你推荐Stitch?
我只能说相对来说,Google的产品你更容易用到。
最后
文章写完了,明天再详细说导入Cursor的操作。
下面留给你一个任务:
现在就去试一试吧,
随便输入一个你脑子里的想法。
比如:"做一个读书笔记App的登录页面,温馨的阅读氛围"
看看会发生什么。
你可能会发现,软件时代结束的速度,比你想象的还要快。
你还有什么好工具推荐吗?感觉如何?
欢迎在评论区聊聊。
点赞和"在看",是对我最好的支持👇