真站里的设计改稿
设计评审时直接在运行中的网站改页面、走完整流程,散会即可拿到客户确认的可回滚补丁。
产品团队和客户开设计评审时,常常只能在静态稿里讨论“这里再紧一点”“按钮换个说法”。真正上线后,真实数据长度、登录状态和手机尺寸才会暴露问题。这个产品让团队从正在运行的网站进入一间隔离改稿房,客户看到的仍是完整流程,却不会改动正式用户正在使用的页面。
会议主持人输入页面地址和允许改动的组件范围,系统便复制一个仅限参会者访问的变体。设计师可以直接改标题、间距、按钮文案或某一步流程。参与者用自己的设备走完下单、注册或提交等路径,改动旁边会显示受影响的组件和数据埋点。
客户不必把意见留成模糊批注。每一处改动都能在页面内投票确认,保留意见的人可以附上具体设备、字段或步骤。若某个方案只适合窄屏,团队能把它限定在该断点,不会误伤桌面端。会议中生成的变体还能随时恢复到任一改动前的版本。
散会后,已通过的改动被整理成可回滚补丁,交给现有代码库和发布流程。第一阶段聚焦 Web 页面和已有组件库,不试图替团队重写整套前端。它要交付的是客户在真实流程里确认过的改动,而不是又一份需要开发二次翻译的设计稿。
为什么是现在
截至2026年8月11日,Remix位于Product Hunt新品流第3名。S1 它把真实产品副本改动和直接开PR推到团队面前,评审者会更容易追问现场共改、逐项确认与可回滚交付。S1
目标用户
面向已有Web产品和组件库的产品经理、设计师与前端负责人。关键场景是客户或业务方参加上线前评审,却只能看静态稿或共享屏幕。此时意见常涉及真实账号、长字段、窄屏和完整流程。团队需要当场验证改法,也要避免把试验暴露给正式用户。
最小切入点
切入点可限定为已接入代码库的React或Next.js应用。要求团队为可编辑组件提供稳定标识,并登记允许修改的文案、设计令牌和插槽。浏览器侧用覆盖层选择组件,改动保存为结构化操作日志。Playwright的独立BrowserContext可承担隔离会话、状态复现和多尺寸截图。S4 第一版只转换文案、间距、显隐和断点规则,不自动改写任意业务逻辑。会后把受控操作映射为git diff,再由现有测试和PR流程把关。支付、发信和写入类接口默认替换为沙盒端点。
以小博大
最容易触达的是替客户交付SaaS界面的设计工作室和小型开发团队。他们每周都有远程评审,也能决定是否把工具接入客户项目。可为首批团队代办一次接入,并旁听真实评审,换取脱敏后的前后对比案例。分发内容应展示同一处意见如何从口头描述变成断点限定补丁。再围绕注册、结账和后台表格制作可复用评审清单。
竞品与缝隙
怎么赚钱
按工作区订阅收费,套餐包含固定数量的评审会话和活跃项目。需要私有部署、审计日志或更细权限的团队进入企业版。
反方视角
把运行页面变成可编辑副本,会先撞上认证、跨域和后端副作用。下单或提交若仍连接正式接口,试走流程可能制造真实订单和脏数据。若改用模拟数据,页面状态又可能偏离真实问题。DOM改动转回组件源码也不稳定,同一视觉结果可能对应多套实现。自动补丁容易绕开设计令牌,或破坏埋点与无障碍属性。会话权限、敏感数据遮罩和审计能力也会抬高交付成本。一旦客户通过的页面无法生成可合并补丁,产品就会退化为昂贵的批注工具。