Figma Make:一句话生成应用,AI 正在重塑产品设计流程
Figma Make:一句话生成应用,AI 正在重塑产品设计流程
从设计稿到原型,从原型到产品,AI 正在把原本需要数天甚至数周的工作压缩到几分钟。
在 2026 年的 AI 浪潮中,编程领域有 Claude Code、Cursor、OpenAI Codex,而设计领域最受关注的新玩家,则是 Figma 推出的Figma Make。
如果说 Figma Design 改变了设计师的工作方式,那么 Figma Make 正在尝试改变整个产品开发流程。
它让设计师、产品经理甚至不会设计的人,只需输入一句自然语言,就能生成完整的交互式应用原型。
这意味着:
Prompt 正在成为新的设计语言。什么是 Figma Make?
Figma Make 是 Figma 推出的 AI 原型生成工具。
简单来说:
一句话需求 ↓ AI理解需求 ↓ 自动生成界面 ↓ 生成交互逻辑 ↓ 得到可运行原型例如输入:
创建一个共享单车管理后台,包含车辆列表、运营统计、用户管理和兑换码系统。
几分钟后,Figma Make 就能自动生成:
- 页面结构
- 导航菜单
- 表格布局
- 数据卡片
- 用户交互流程
甚至还能模拟部分真实操作。
Figma Make 与传统设计工具的区别
过去的设计流程通常是:
需求文档 ↓ 产品经理 ↓ 设计师 ↓ 设计稿 ↓ 开发每个环节都需要大量沟通。
而在 Figma Make 中:
需求 ↓ AI生成原型 ↓ 团队评审 ↓ 开发大量重复性工作被 AI 自动完成。
这不仅提高了效率,也降低了沟通成本。
Figma Make 的核心能力
1. Prompt 生成界面
最核心的能力就是:
Text → UI例如:
设计一个电商首页
AI 会自动生成:
- Banner
- 商品推荐
- 分类导航
- 搜索框
- 底部导航
形成完整页面结构。
2. 自动生成交互逻辑
传统 AI 绘图工具只能生成图片。
而 Figma Make 更进一步:
它生成的是:
Interactive Prototype即交互原型。
例如:
- 按钮点击
- 页面跳转
- Tab切换
- 表单提交
都可以直接演示。
3. 多页面应用生成
对于复杂产品:
例如:
- CRM系统
- 管理后台
- SaaS平台
- 微信小程序
Figma Make 可以自动拆分页面。
例如:
登录页 首页 列表页 详情页 设置页自动建立导航关系。
4. 与设计系统结合
Figma 最大的优势在于其设计系统生态。
生成的页面能够直接使用:
- Component
- Auto Layout
- Design Token
- Variant
这意味着:
生成的内容不是一次性图片。
而是可持续维护的设计资产。
对产品经理意味着什么?
过去:
产品经理需要:
- 写 PRD
- 画流程图
- 绘制低保真原型
现在:
只需输入:
创建一个微信小游戏兑换码管理后台
几分钟即可得到可交互 Demo。
很多想法甚至可以当天验证。
对设计师意味着什么?
很多设计师担心:
AI 会不会取代设计师?
实际上:
Figma Make 更像是:
设计副驾驶AI 负责:
- 页面搭建
- 布局生成
- 原型制作
设计师负责:
- 用户体验
- 品牌风格
- 设计规范
- 创意表达
AI 提高效率,而不是替代创造力。
对前端开发意味着什么?
这是最值得关注的部分。
未来可能形成这样的开发链路:
需求 ↓ Figma Make ↓ 生成原型 ↓ Dev Mode ↓ Claude Code ↓ 生成代码开发者将从:
实现页面逐渐转向:
审核和优化页面这与 AI Coding 的发展趋势高度一致。
Figma Make 与 Claude Code 的结合
目前很多团队已经开始探索:
Figma Make ↓ 生成产品原型 Claude Code ↓ 实现业务逻辑 Cursor ↓ 调试与维护形成完整的 AI 开发工作流。
未来的软件开发很可能不再是:
设计 → 开发而是:
需求 → AI设计 → AI开发为什么说它值得关注?
因为 Figma Make 展示了一个重要趋势:
过去:
Design First Code Later现在:
Prompt First AI Design AI Code设计与开发的边界正在被重新定义。
而 Figma Make,正是这场变革的重要推动者。
写在最后
从 Photoshop 到 Sketch,再到 Figma Design,设计工具经历了从单机到协作的演变。
而 Figma Make 的出现,则代表着设计工具正式进入 AI 时代。
未来几年,我们很可能会看到:
- 产品经理直接生成原型
- AI 自动创建设计系统
- 设计稿自动转换代码
- Agent 自动完成开发流程
这不仅仅是一个新功能。
更像是产品设计领域的一次范式转移。
AI 正在重新定义设计,而 Figma Make 或许只是开始。
