Alloy

描述

Alloy 是一款为产品经理构建的 AI 原型工具。它允许您从真实产品开始，而不是空白画布：通过 Chrome 扩展捕获您实时应用的任何页面，或连接您的代码库，以便 Alloy 可以运行您的整个应用并编写生产代码。由于它理解您的产品、组件库和设计系统，原型自动看起来像是您的设计师制作的。

用户可以通过聊天提示进行更改，在沙盒浏览器中实时预览，并通过链接与团队成员或客户分享每个会话。Alloy 支持多页面产品克隆、基于您真实设计系统的 AI 原型生成、对任何现有网站的 AI 聊天重新设计、团队协作，以及 20 多个集成，汇集创意、见解和客户请求。

会话可以从云端启动，平行运行，并且无需本地开发环境即可共享。输出灵活：每个会话都可以导出、通过 MCP 访问或转换为 GitHub 拉取请求，原型可以导出到 Figma。浏览器扩展无需设置，而连接代码库需要管理员权限和大约 15 分钟的时间。

Alloy的核心功能

• 通过 Chrome 扩展克隆您实时产品的任何页面

• 连接代码库，运行您的应用并编写生产代码

• 基于您真实设计系统的 AI 原型生成

• 多页面产品克隆

• 对任何现有网站的 AI 聊天重新设计

• 云会话平行运行并通过链接共享

• 导出到 Figma、MCP 访问和 GitHub 拉取请求

• 20 多个集成和团队协作

如何使用 Alloy？

1. 1

   捕获您的产品：添加浏览器扩展或连接您的代码库。

2. 2

   提示更改：在聊天中描述新想法，将编辑融入您的产品。

3. 3

   实时预览：在沙盒浏览器中查看更改。

4. 4

   分享链接：将云会话发送给团队成员或客户。

5. 5

   导出或发布：导出到 Figma，通过 MCP 访问，或打开 GitHub 拉取请求。

Alloy的使用案例

• 产品原型设计
• 利益相关者演示
• 网站重新设计
• 原型到生产

Alloy的常见问题

• 我如何在 Alloy 中使用现有产品？

  您可以连接代码库或添加浏览器扩展。代码库允许 Alloy 运行您的整个应用并编写生产代码，而浏览器扩展则实现即时视觉原型。

• Alloy 与其他应用构建工具有什么不同？

  Alloy 从您现有的产品开始，并编写可以推送给客户的生产代码。它理解您的产品、组件库和设计系统，因此您构建的所有内容都符合品牌。

• Alloy 生成的代码我可以使用吗？

  是的。每个会话都可以导出、通过 MCP 访问或转换为 GitHub 中的拉取请求。

• 需要任何设置吗？

  浏览器扩展无需设置，可以立即捕获您的产品。连接代码库需要管理员权限和大约 15 分钟的设置时间。

• 我可以从 Figma 导入吗？

  目前还不可以，但正在进行中。现在，您可以通过捕获实际的网页应用获得最佳结果，并且可以随时将 Alloy 原型导出到 Figma。

• 它与编码助手有什么不同？

  Alloy 允许您公司中的任何人从云端启动会话，而无需本地开发环境。会话可以从 Slack 启动，平行运行，可以共享，并且可以在没有复杂设置的情况下推送到 GitHub。