Modeinspect 是一款面向真实代码库的 AI 设计画布，连接项目后可直接在已有组件、设计变量、实时数据和响应式断点的基础上进行界面探索。借助 AI 快速尝试方案、保留关键细节，改动既能即时发布上线，也能交由工程团队审核，让设计真正回归产品本身。

产品详细介绍

99 天免费 AI 额度 - 在代码库中设计产品 UI

[REDACTED]创始人

嘿，Product Hunt，

我是 Alex，Modeinspect 的创始增长负责人。

我花了很多时间观察人们第一次使用 Mode 的过程。有价值的时刻往往并不是那些浮夸的瞬间，而是当有人打开他们团队已经发布的某个页面，修复了一直困扰他们的问题，并意识到工作可以直接与真实产品保持连接，无需再进行额外的交接。

Mode 在你的代码库之上提供了一个可视化画布。导入一个现有页面，并直接使用产品中已有的组件、设计令牌、实时数据、状态和断点进行操作。当你清楚自己想要什么改动时，可以使用熟悉的控件；当你想要更多可能性时，可以使用 AI。

当你准备就绪后，可以直接将改动发布上线，或将其发送给工程团队进行审查与合并。

过去几个月，我们一直在与产品团队一起测试这套工作流。对我们而言，真正的里程碑不仅仅是生成代码，而是产出契合产品、匹配代码库，并且足够好到值得保留的改动。

Prelude 就是一个例子。他们的设计团队从构思到合并 PR 仅用了 13 天，原型阶段完全无需工程交接。在他们的试点中，生成的 UI 中约 95% 复用了他们现有的组件和设计令牌，合并输出中没有任何硬编码值。我们相信，每个产品团队都应该拥有这样的体验。

如果你试用 Mode，我真诚地想知道哪些地方让你觉得自然，哪些地方让你犹豫，以及最终的输出是否看起来像是你们团队愿意保留的代码。

我会在这里回答关于产品、配置、支持的项目类型、定价，以及 PR 工作流的相关问题。记得使用优惠码 producthunt99，可获得 pro 计划 3 个月免费使用权。

Alex

Modeinspect 创始增长负责人

Modeinspect