MockPilot

我开发 MockPilot 是为了解决我在每个工作过的团队中都能看到的一个普遍困扰：产品经理（或是设计师、技术支持负责人、创始人）对某个功能或是对现有页面的调整有清晰的想法，却没办法快速展示出来。于是他们只能写一段文字描述，在截图上画几个箭头，然后指望开发者能理解他们的本意。但结果往往事与愿违。

MockPilot 解决了这个问题。你只需给它一个任意 URL —— 你自己的产品、竞品的页面，任何网站都可以 —— 它就能把整个页面（或是单个组件）捕获为完全可编辑的高保真原型。捕获过程中，它会自动拆解网站的设计系统，提取出可复用的资源库：排版、颜色、组件、图标。

然后你只需用简单的英语描述你想要的修改：「在这两个定价档位之间再加一个」、「复用这个卡片样式」、「把这个空白状态换成导入数据的行动召唤按钮」、「把导航栏改成吸顶的并添加搜索框」。AI 会使用已经提取出的设计资源，生成完全符合现有品牌风格的修改。不需要打开 Figma，不需要写 CSS，也不需要任何设计背景。

当你满意结果后，可以导出干净的 HTML 文件进行部署，或者直接截一张图发给开发者。「这就是我想要的」突然就变成了一个真实可交互的原型，而不再是一段文字加碰运气。

它是一款 Electron 应用，完全本地运行（捕获的内容永远不会离开你的机器）、开源且免费。macOS 和 Windows 安装包都已发布在 GitHub Releases 页面。

我希望能得到大家对以下几个问题的反馈：

1. 尤其想问问产品经理们：你目前「撰写 UI 变更需求」的工作流是怎样的？MockPilot 目前在哪些方面还没能替代它？

2. 怎样能让和开发者的交接更顺畅？添加标注？差异对比视图？导出 Figma 文件？

3. 哪些网站会导致捕获功能出错？非常欢迎提交错误报告。

很高兴回答任何问题 —— 感谢大家来体验！🚀