[!info] related notes

• 工具边界: Figma, AI UI 设计工具对比
• 入口: 设计工具 MOC, AI MOC

Figma Make

定位与产物

Figma Make 用自然语言和设计上下文生成可运行的界面与交互原型。官网将产物描述为 code-backed and visually editable：可以在代码与可视编辑之间迭代。

它不是“只生成 Figma 矢量图层、无法提供代码”的工具。也不能因为属于 Figma，就假定每个 Make 产物都等价于 Figma Design 中原生 Auto Layout、组件实例和变量的完整设计文件。需要哪种交付物，应在具体导入、导出和编辑流程中验证。

适合怎样使用

• 从文字需求或现有设计上下文制作可点击原型。
• 测试设置页、表单、导航等交互与不同方案。
• 与团队讨论行为和视觉，再检查代码、响应式布局与真实数据接入。

例如：Create a settings page for a photo editing mobile app 可作为起始需求；还应明确状态、交互和目标屏幕，不能仅凭生成预览判断功能完成。

使用边界

生成原型不自动保证组件库一致性、无障碍、业务正确性或生产可用性。设计系统复用、代码交付、发布与席位限制按当前产品文档和账户核对。本次只核验产品定位，未测试账户内生成或发布。

来源

• Figma Make 官方产品页：2026-10-06 核验代码产物与可视编辑定位。