Reddit 让设计师不碰 Git,做了约 700 个真数据原型
Reddit 首席 UX 工程师 Blair Metcalf 搭了内部原型平台 Reddit Proto。他说团队已经做出约 700 个原型,UX 和产品团队全员都在用。
- 谁·场景
- Blair Metcalf 是 Reddit 首席 UX 工程师,在 How I AI 节目里演示了他做的内部工具 Reddit Proto。
- 怎么用
- 桌面应用在后台处理仓库、分支和脚手架,原型可以用真实的 Reddit 账号登录。设计师写的批注会连同对应组件和设计规范一起发给 Cursor。团队还自建了设计系统 MCP,把 token 和组件对应到生产代码。
- 结果
- 他说团队已做出约 700 个原型,UX 与产品团队采用率 100%。用得最好的人里,有没有工程背景的视觉设计师和动画师。
- 你可以试
- 先把团队的组件库和设计规范整理成 AI 能读的文档或 MCP,再让 Cursor 按它改一个现有页面,检查它有没有用对组件。
- 注意
- 前提是公司已有成熟的设计系统,还有一位工程师专门搭建和维护这套平台。原型做多了以后,找到已有的原型也成了问题,Reddit 正在做可搜索的原型目录。
How I AI 本期里,Blair Metcalf 演示了 Reddit Proto。设计师和 PM 不用碰 GitHub,就能做出接近线上产品的原型。原型可以用真实账号登录,信息流、搜索和社区里都是熟悉的内容,管理层评审时不用在脑子里替换占位数据。
关键是让 AI 带着上下文改代码:每条批注都附上对应的组件、设计系统规范和用户意图,再交给 Cursor。设计系统 MCP 告诉 Cursor 该用哪个组件、长什么样、代码放在哪里。交接环节叫「feature capsule」:设计师提交 Figma 链接,系统把每个元素对应到生产组件,结合以往的工程反馈,生成带验收标准的 PRD。
小团队照搬整套平台不现实,但其中两点可以先试:给 AI 的输入要包括组件和规范,交给工程的需求要写明验收标准。