10款AI原型工具实测对比
介个是25.12写的，恰好看到这个话题，在这里分享一下（图片不好挪窝就不搬图片了）
一、共性优势&问题
1、AI原型还是有些通病
- 生成的原型基本都是html格式（或者直接在对应原型软件编辑），需要在figma里用插件导入figma中进行编辑，HTML.to.design、darfito两个插件都比较便捷。
- 如果想导入axure中进行编辑，需要先导入figma，再导入axure，步骤较为繁琐。从figma导入axure前必须把页面每个元素都选中能成功导入axure，导入的图片全是动态面板没法直接编辑。
2、国产ai工具特点
- 免费，生成速度较快
- 生成的前端页面支持在线预览，可直接将代码下载为html文件。但导入原型软件编辑需额外收费，墨刀45元/月/人，figma5美元/月/人，莫高设计720/年/人。
- 通过上下文对话，在多轮对话过程中前端代码可能被改掉；如果开启多个聊天窗口，每次生成的原型样式差异较大。
二、测评过程
1、Cursor
评分：⭐⭐⭐
优点：
- 支持下载多种插件，比如下载chinese即可汉化；可以调用开源图标库；可生成交互性强的高保真/低保真原型
- 支持选择模型，有10次左右免费额度
缺点：
- 使用国外模型需要魔法，价格20＄/月，线上代充115-145/月，但有封号不包售后的风险
- 添加参考图后，生成原型还原性极差
- 生成细节性强的原型时，流程容易中断（点击“继续”就行了）
2、Vscoede
评分：⭐⭐⭐⭐
优点：
- 和cursor功能基本一致，插件也很像，使用前直接下载chinese插件汉化即可
- 无需指定保存路径，生成的原型自动生成文件夹保存至桌面，可以直接导入figma中进行编辑
- 有30天试用机会，可以通过换号白嫖；10＄/月，比cursor便宜一半
- 文档下方展示运行结果，同步生成产品设计、技术开发文档
- 可制作动效页面，交互效果比cursor更好，hover有效果
缺点：
使用国外模型需要魔法，生成过程需要点击多次allow/keep
3、builder
评分：⭐⭐⭐
优点：
- 操作简单易上手，直接在输入框输入指令即可
- 注册赠送45额度，仅可生成5页原型
- 对比cursor，交互性极强，按钮几乎均可点击
缺点：
- 需要魔法，且页面为英文，chrome/edge可安装浏览器插件“沉浸式翻译”；价格14＄/月
- 生成原型时只显示生成中，用户不可获知当前生成进展，容易生成失败
4、墨刀
评分：⭐⭐⭐
优点：
- 简单易上手，中文无阅读障碍，输入框输入提示词
- 展示思考过程，用户能够明确感知到进度
- 同步生成prd
缺点：
- 会员权益覆盖面小：使用墨刀需开通原型会员，生成ai原型时仍需购买Ai生成点数月均最低113元（45+68）
- 生成的原型不可点击交互
5、莫高设计mastergo
评分：⭐⭐⭐⭐
优点：
- 生成的内容排布美观，hover样式比较好
- 使用其他工具生成的html文件可直接压缩后导入莫高设计，能够快速编辑原型
缺点：
- 每次对话只能生成、修改单个页面
- 和墨刀一样，使用原型、使用ai原型分开计费。原型只支持按年付费，ai原型至少158/月
6、豆包
评分：⭐⭐⭐⭐
优点：
- 免费，可一次性生成多个页面，且生成的原型可交互性较强，图标的使用、图标的绘制也非常美观
- 使用非常方便，不需魔法，无语言障碍，只需在聊天框输入指令
缺点：
- 生成的代码过多时，页面会非常卡
- 生成效果不稳定：预览的原型可能会被遮罩，下载后预览效果与在线预览效果不符，不可交互只有hover样式
- 通过上下文对话，在多轮对话过程中前端代码可能被改掉
7、Gemini
评分：⭐⭐
缺点：
- 生成的html不支持在线预览，需导入vscode或其他前端展示工具进行预览
- 提示词相同，生成页面较为简陋，包含内容较少
- 点击按钮有提示语但多数不可跳转
8、Deepseek
评分：⭐⭐⭐
缺点：
页面美观性、交互性稍差
9、智谱清言
通义千文
评分：⭐⭐⭐
优点：
对需求理解不彻底或模型能力较差，只生成了一个页面
缺点：
页面简洁排版清晰
10、通义千问
评分：⭐⭐⭐⭐⭐
优点：
- 描述的框架比较精细时，生成内容非常符合需求
- 生成的生成的html代码可在线编辑
缺点：
按照要求生成全部页面每个页面都可以交互，交互性超强，内容也比较专业
三、结论
使用免费ai工具生成原型，再导入figma进行编辑：通义千问>豆包>deepseek
- 优点：生成前端代码时免费，但导入原型软件编辑需额外收费：墨刀45元/月/人，figma5美元/月/人，莫高设计720/年/人。
- 缺点：ai工具通过上下文对话，在多轮对话过程中前端代码可能被改掉；如果开启多个聊天窗口，每次生成的原型样式差异较大。
使用付费ai/ai原型工具：vscode>莫高设计>墨刀
- vscode仍需解决html转可编辑原型的问题
- 莫高设计、墨刀生成后可直接编辑，但原型、ai原型分开计费。墨刀支持月付，单人月均最低113元；莫高设计原型只支持按年付费，ai原型月均最低150元。