Figma Make
Figma 官方推出的内置 AI 设计与原型生成工具，支持通过自然语言 Prompt 直接生成完整原型设计页。
#type / resource
#status / growing
#humanity / art / design
#tech / ai
#resource / figma-make
#media / tool
#interface / extension
[!info] related notes
- 相关主题: AI UI 设计工具对比
- 相关 MOC: 设计工具 MOC, AI MOC
- 相关工具: Figma
Figma Make
这是什么
Figma Make 是 Figma 官方推出的一套原生 AI 原型与界面生成工具。它直接嵌入在 Figma 环境中，允许设计师和产品经理通过自然语言 Prompt 一键生成整套 UI 设计稿。生成的图层保留了 Figma 的标准自动布局（Auto Layout）、组件库以及响应式参数，可直接在画布中进行拖拽、编辑和协作。
适用平台 / 场景
- 适用平台：Figma 客户端/网页版（作为内置 AI 功能）
- 适用场景：
- UI/UX 设计流程的初期布局与高保真原型快速起步
- 团队头脑风暴时即时可视化创意
- 缩短“草图原型”到“Figma 高保真设计稿”之间的转换链路
核心特点 / 优势 / 局限
核心特点
- 无缝嵌入画布：在设计师最熟悉的设计工具内直接通过 Prompt 生成设计，生成后可立刻编辑每一个节点、颜色和文本。
- Auto Layout 感知：生成的组件并非散乱的组合，而是规范地应用了 Figma 的自动布局，便于适配不同的屏幕宽度。
- 智能文案与占位图：自动根据设计背景生成符合语境的真实文案和合适占位图，告别 Lorem Ipsum。
优势
- 极佳的可修改性：因为产物就是 Figma 原始图层，设计师拥有 100% 的精修与调整控制权。
- 协同无缝：生成的资源可直接共享给团队其他成员，并一键接入现有的组件库（Design System）。
局限
- 无法直接提供代码：其本质是矢量设计稿原型，不是可直接在前端浏览器运行的 HTML/CSS 或 React 页面（需要结合 Dev Mode 或其他转代码插件）。
常见用途
- 原型起步：输入
Create a settings page for a photo editing mobile app，Figma Make 会直接在画布上画出包含滑动条、开关和列表的响应式界面稿。 - 快速多方案对比：针对同一个模块，生成多种排版版式进行视觉与交互路径对比。
相关链接 / 官方入口
- Figma 官网: Figma
- 媒体报道: The Verge - Figma Make 介绍