我是设计师背景,JavaScript 会一点点,用 Cursor 花了三周做了个小产品,记录一下整个过程。
产品是什么 一个帮 Figma 设计师自动生成组件说明文档的工具,输入 Figma 文件链接,输出 Markdown 文档。
技术选型(全靠 Claude 推荐)
- Next.js 14 App Router
- Figma API
- Claude API(用来理解设计稿并生成描述)
- Vercel 部署
开发过程里学到的
- 从最简单的功能开始:我先让 Cursor 做了一个能跑通的最小版本,再逐步加功能
- 错误信息直接粘给 AI:遇到报错直接 Cmd+K 把错误粘进去,不用自己看
- 不要一次改太多:每次只让 AI 改一个功能,改完测试,再改下一个
.cursorrules很重要:把你的代码风格、组件库写进去,AI 生成的代码会更一致
上线后:目前每天有 20–30 个活跃用户,没花一分钱推广。
0 Replies
Login to join the discussion
Login with GitHub