引言
这两年,AI 生成产品原型的讨论热度持续上升。实际体验下来,AI 对自然语言的理解能力确实有了质的飞跃,开始能真正参与到产品设计流程中。2024 年时生成的界面往往难以直接复用,而到了现在,无论是 Web 网页、APP 页面还是 B 端后台、数据大屏,至少在我个人的使用范围内,已经很少遇到完全不可用的生成结果。
不过你会发现,同样的指令在不同工具下产出的侧重点差异很大。这主要源于各家 AI 背后的训练数据、模板库以及服务人群的定位不同。
本文选取墨刀 AI、FigmaMake、Uizard AI 这三款主流工具,通过三个真实的产品场景进行实测,看看它们各自适合处理什么类型的需求。
一、墨刀 AI 实测:AI 生成 Web 官网原型
墨刀在 AI 领域的投入较早,从组件生成进化到现在的 AI Agent,对国内常见的官网、后台、APP 等类型的语境理解相对更好。
实战场景:企业级 SaaS 官网首页
在墨刀 AI 中,我采用了偏产品经理视角的中文指令,Prompt 如下:
生成一个企业级 SaaS 官网首页,风格要科技感、简洁。
包含模块:顶部导航栏(Logo、产品、解决方案、价格、登录/立即试用);
首屏 Hero 区:左侧大标题'下一代企业数字化引擎',右侧放置数据看板插画;
中间部分:客户 Logo 墙,3 列核心功能卡片,带图标;
底部:Footer。
这里刻意没有指定颜色或品牌感,主要是为了测试它的结构理解能力。
生成过程与效果:点击生成后等待约几十秒。第一眼感觉就是'这就对了'。它没有堆砌欧美风的大留白,而是给出了比较符合国内习惯的排版。


- 导航栏:文案及位置规整,登录与立即试用按钮的主次层级自动区分得当。
- 逻辑性:Hero 区的副标题没有乱填 Lorem Ipsum,而是根据'数字化引擎'生成了通顺的描述。
测评小结:
墨刀 AI 像是一个懂行的老手,产出的结构基本没有硬伤。让它做 Web 官网,给出的框架通常无需大改,替换文字即可汇报。但如果你需要复杂的动效或交互,这一步它暂时无法完成,仍需后续手动补充。
二、FigmaMake 实测:AI 生成 B 端管理后台
做 B 端管理后台时,借助 AI 生成基础框架能节省大量精力。这里用 FigmaMake 生成一个 CRM 后台,测试其生成质量。
实战场景:CRM 数据概览页
FigmaMake 对英文指令的理解明显更优,使用的 Prompt 是:
Create a B-end CRM dashboard interface.
Dark side navigation bar with menu items: Dashboard, Contacts, Deals, Reports.
Main content area: Top row with 4 key metric cards (Total Revenue, Active Users, etc.).
Middle section: A large line chart showing sales trends, and a pie chart for user distribution.
Bottom section: A data table list showing recent customer activities with status tags.
Style: Clean, professional, blue primary color.






