Alloy

Alloy

AI TOOL PROFILE工具资料

用真实产品代码库做 AI 原型设计,聊天改完直接推生产代码

官网地址 https://alloy.app

访问官网
价格免费 $0 起,Pro $20 per user / month,企业版定制
平台Web
归类AI 智能体
收录2025-01-01
复核2025-01-01
编辑评分 4.5 / 5

Alloy编辑总结

EDITOR REVIEW编辑评测

Alloy 是一款面向产品团队的 AI 原型设计工具,核心思路不是从零画稿,而是接上你现有的代码库、组件和页面,让 AI 直接在真实产品上改。安装浏览器扩展一键抓取产品设计系统即可起步,接代码库则需要管理员权限、约 15 分钟。免费档提供 $5 credits / user / month,Pro 档 $20 per user / month。短板是接代码库有权限门槛,且支持的模型或订阅计划受外部条件限制。

Alloy是什么?

Alloy 是一款 AI 原型设计工具,帮助产品团队在不写代码的前提下做出高保真原型。它不走「新建画布」的路线,而是从你已有的产品出发:既可以用浏览器扩展一键抓取现有产品的设计系统,也可以连接代码库,让整个应用在沙箱里跑起来。

它的工作方式是对话式的。你在聊天框里输入想改什么,Alloy 在沙箱中预览改动,确认后可以走评论收集反馈,也可以直接发起 Pull Request 把改动推到生产。团队还可以把设计系统作为 library 上传,把原型片段存成可复用组件,让 AI 用真实的组件、token 和素材来搭建。已接入 Slack、Linear、Jira、Intercom 等 20 多个集成,会话存在云端、可用链接分享。

普通产品经理可以用浏览器扩展现抓现改、把想法分享给同事和客户;设计师可以把 Figma 设计导入变可运行原型,再把原型页面导回 Figma;开发者或团队则可以连代码库,让改动直接落在真实代码上,省掉本地开发环境的折腾。

Alloy核心功能

CAPABILITIES工具标签

真实产品起步

从现有代码库或浏览器扩展抓取的页面出发做原型,改动直接构建在你的代码库上,可随时发起 Pull Request 推给客户。

沙箱实时预览

Alloy 在沙箱里运行你的应用,边输入 prompt 边看改动效果,不用反复重启本地环境。

链接分享协作

每个 session 都存在云端,生成链接即可分享给团队或客户,对方可直接在原型上留评论反馈。

Figma 双向打通

把 Figma 设计导入变可运行原型,也能把原型页面导回 Figma,供设计团队继续打磨。

设计系统库

把设计系统作为 library 上传,AI 使用你真实的组件、token 和素材搭建,原型自动符合品牌视觉。

自带模型订阅

可用已有的 Claude 或 ChatGPT 订阅驱动 Alloy session,连接一次后,支持模型的 prompt 走你的订阅额度而非 Alloy credits。

MCP 连接器

把 Alloy agent 接上团队在用的 SaaS 工具,授权服务商或添加任意兼容的远程 MCP server,其工具可在所有 session 中使用。

Alloy值不值得用?

VERDICT工具标签

当你有现成的产品、想让非工程角色也能动手改产品时,Alloy 值得试。它把起点放在真实代码库或真实页面上,产品经理和设计师不用配本地环境,在浏览器里就能出高保真改动,还能直接发给客户看。免费档给 $5 credits / user / month,足够先验证流程;团队让多人同时用,Pro 的 $20 per user / month 才划算。但如果你的产品还不存在、想从零画概念稿,或者团队没有代码库可接,它的优势发挥不出来;不支持 Figma Make 文件的导入也是一处限制。

建议选它的情况

  • 已有上线产品、想直接在真实界面上试新功能的团队
  • 不想装本地开发环境、希望从浏览器或 Slack 发起 session 的产品经理
  • 需要把原型发给客户收反馈、再推成生产代码的团队

不建议选它的情况

  • 还没有产品、只想从零画概念稿验证想法的人
  • 没有可连接代码库、也没法用浏览器扩展抓取页面的场景
  • 资产主要是 Figma Make 文件、无法转换为其他格式导入的团队

Alloy使用建议

HOW TO USE工具标签
入门先把路子走对
  1. 先装浏览器扩展浏览器扩展无需配置,点 Capture 即可抓取产品设计系统,比接代码库快得多,适合先跑通流程。
  2. 三步上手装扩展并注册、抓取想基于其改动的产品页面、在聊天框里 prompt 修改并分享,是最短路径。
  3. 预约入门会官方提供 onboarding session,可以带着具体问题走一遍 Alloy,比自己摸索快。
进阶省时间也省钱
  1. 接代码库解锁全功能接代码库需要管理员权限、约 15 分钟设置,但能让 Alloy 跑起整个应用并写生产代码,比扩展抓取能力更强。
  2. 上传设计系统当 library把设计系统传成 library、把原型片段存为可复用组件,AI 才会用你真实的组件和 token 搭建,避免出来跑偏的视觉。
  3. 用自己的模型订阅连接已有的 Claude 或 ChatGPT 订阅后,支持的模型 prompt 走你的订阅额度,不消耗 Alloy credits。

Alloy适合谁用?

WHO IS IT FOR工具标签

有现成产品的产品经理

推荐

可以直接在真实界面上试新功能,免费档的 credits 足够验证想法,不用等开发排期。

需要收客户反馈的团队

推荐

session 存云端、链接可分享,客户能在原型上直接留评论,比截图来回传高效。

设计系统成熟的设计团队

推荐

上传 library 后 AI 用真实组件和 token 搭建,原型自动符合品牌规范,可导入 Figma 继续打磨。

想从零画概念稿的独立创作者

不推荐

Alloy 的起点是已有产品,没有代码库或可抓取页面时,它的核心优势用不上。

预算敏感的多人团队

有条件

免费档每用户每月 $5 credits,多人长期使用需要升级到 Pro 的 $20 per user / month。

Alloy优点和缺点

PROS & CONS工具标签

优点

  • 从真实代码库或页面起步,原型自带品牌视觉
  • 改动可直接发起 Pull Request 推到生产
  • 浏览器扩展无需配置,一键抓取设计系统
  • 免费档给 $5 credits / user / month,可先验证流程
  • 支持自带 Claude 或 ChatGPT 订阅,省 Alloy credits
  • 接入 Slack、Linear、Jira、Intercom 等 20 多个集成

缺点

  • 连接代码库需管理员权限,约 15 分钟设置
  • 不支持 Figma Make 文件导入
  • Pro 档 $20 per user / month,多人团队成本不低
  • 原型能力依赖已有代码库或可抓取的页面

Alloy版本与计费对比

PLANS工具标签
方案价格包含内容说明
Free$0$5 credits / user / month含 unlimited users、unlimited sessions、unlimited viewers、30+ integrations、external sharing
Pro$20 per user / month$20 credits / user / month含 Everything in Free、workspace credit top-ups、export code、early access to new features
EnterpriseCustom pricingCustom credits含 Everything in Pro、API access、account manager、custom terms、SAML + SCIM

以上为公开费率整理,厂商保留调价权利,实际以官方页面为准。

Alloy关键指标

MEASURED FACTS工具标签
指标数值数据来源
免费档月赠 credits $5 credits / user / month Alloy Pricing
Pro 档月费 $20 per user / month Alloy Pricing
Pro 档月赠 credits $20 credits / user / month Alloy Pricing
代码库连接设置时间 约 15 分钟 Alloy FAQ
可用集成数 20+ Alloy 首页
免费档集成数 30+ Alloy Pricing

Alloy常见问题

FAQ工具标签
Alloy 免费吗?多少钱?

免费档 $0,每用户每月给 $5 credits,含 unlimited sessions、unlimited viewers、30+ integrations 和 external sharing。Pro 档 $20 per user / month,含 everything in Free 和每用户每月 $20 credits,可加购 workspace credit top-ups、导出代码、提前体验新功能。企业版为 custom pricing。

怎么把我的现有产品接进 Alloy?

两种方式:连接代码库,或安装浏览器扩展。接代码库能让 Alloy 跑起整个应用并写生产代码,浏览器扩展则适合快速做视觉原型。扩展无需配置;接代码库需要管理员权限、约 15 分钟设置。

Alloy 和 Claude Code 有什么不同?

Claude Code 需要本地开发环境,Alloy 让公司里任何人都能从云端发起 session,不用在自己机器上跑开发环境。session 可以从 Slack 发起、并行运行、分享给同事或客户,也能推到 GitHub,且无需复杂配置。

Alloy 和其他 app builder 有什么不同?

Alloy 从你现有的产品起步并写可推给客户的生产代码,而不是粘贴截图后拿到不符合品牌的结果。它会理解你的产品、组件库和设计系统,搭出来的东西自动像设计师出品。

可以从 Figma 导入吗?

可以。在 Alloy Pro workspace 里打开 prompt box 的 + 菜单,选择 Import from Figma,连接 Figma 账号,粘贴 frame 或 Figma Design 链接即可。Figma Make 文件当前不被支持。

使用 Alloy 需要做什么设置?

浏览器扩展无需设置,装好即可抓取产品马上开始原型。想要更强能力时再连接代码库,这一步需要管理员权限、大约 15 分钟。

Alloy 的安全能力如何?

平台把安全当作工程标准来设计,各档位均提供 SOC 2 Type II status and security docs 和 Uptime SLA。企业版另有 SAML + SCIM、custom terms 和 account manager;Pro 档可拿到 priority support。

Alloy竞品对比

COMPARISON工具标签
工具编辑评分价格核心功能平台
Alloy本工具 4.5 免费 $0 起,Pro $20 per user / month,企业版定制 真实产品起步;沙箱实时预览;链接分享协作;Figma 双向打通 Web
Claude Code本工具 — 未标价 需本地开发环境;Alloy 可从云端发起 session 并分享给非工程角色 —
Figma本工具 — 未标价 Alloy 支持与 Figma 双向导入导出,但 Figma Make 文件无法导入 Alloy —

如果团队里主要是工程师、习惯在本地终端里改代码,Claude Code 的工作流更直接;如果希望产品经理、设计师和客户都能参与、改动要能直接分享和推生产,Alloy 的云端 session 与真实产品起点更合适。设计环节上,Figma 仍是设计资产的主场——Alloy 可以导入 Figma 设计、也能把原型页面导回 Figma 继续打磨,适合两者配合使用;但资产是 Figma Make 文件时需要先转换。

Alloy最新动态

CHANGELOG工具标签
  1. Figma 导入导出

    支持把 Figma 设计变成可运行原型,并把原型页面导回 Figma 继续打磨。

  2. 自带订阅

    可用已有的 Claude 或 ChatGPT 订阅驱动 Alloy session,不消耗 Alloy credits。

  3. MCP 连接器

    支持连接团队在用的 SaaS 工具,或添加任意兼容的远程 MCP server。