设计到代码只差一个提示词：Figma Make把原型变成应用的那一刻

如果你还以为“AI 只是在设计阶段提效”，那这场 Figma 的葡语直播会让你彻底改观。Figma Make 不只是画原型，它已经开始吞掉从提示工程、组件逻辑到代码交付的整条链路。

最反直觉的一点：这不是“更聪明的 Figma”，而是“会写应用的提示词系统”

在这场 100% 葡语的 Office Hours 里，Figma 团队一开始就把话挑明：Figma Make 并不是在 Figma Design 之上加一点 AI，而是一个用“提示词”来生成应用和高保真原型的全新入口。它的核心不是画布，而是 prompt。你描述任务、给上下文、限定行为和约束，Make 就会直接产出一个“能跑、能点、能改”的应用雏形。这一点对很多设计师是反直觉的——过去我们习惯从视觉出发，现在却要先把问题说清楚。

从聊天热身到角色亮相：这是一场为“非工程师”准备的 AI 实战

直播一开始，主持人并没有急着讲功能，而是让大家在聊天框里说“你平时喜欢创造什么”。有人提到旅行清单和地图，有人聊做饭和食谱。这个小互动其实很重要：它在暗示 Make 的目标用户，并不只是做 SaaS 的工程团队，而是任何有“想法—结构—交互”需求的人。随后 Bernardo Duarte（Figma 客户体验团队的 onboarding manager）和 Hugo（常驻伦敦的 designer advocate）登场，背景也很清晰：一个负责让用户真正用起来，一个长期站在设计与技术的交界处。

Figma Make 到底是什么？把提示工程塞进设计工具里

官方给出的定义很直接：Figma Make 是一个用 prompt 创建应用和原型的工具，并且和 Figma Design、组件库、协作体系深度打通。你可以把现有设计稿的 frame 直接复制进 Make，用作上下文；可以 point and edit，直接点界面改；也支持多人实时协作。这背后真正关键的是提示工程结构：任务（你要做什么）、上下文（已有设计/库）、组件（可复用元素）、行为（交互逻辑）、约束（不能做什么）。Hugo 在 demo 里反复强调，提示写得好坏，决定了你后面少改还是多返工。

门槛并不低：权限、席位和“谁能用 AI”这件小事

一个容易被忽略但非常现实的问题是前置条件。Figma Make 目前需要付费计划和 full seat，并且必须由管理员在组织层面开启 AI 能力。这意味着它不是一个“随手试试”的玩具，而是会被纳入企业流程的生产工具。这个细节也解释了为什么 Figma 在强调 code of conduct、录制说明和 Q&A 规则——Make 很明显是冲着团队规模化使用去的。

真正的爽点：point and edit、JSX/TypeScript，以及代码真的能带走

在实操 demo 中，Hugo 从一个全新的 Make 文件开始，把 Figma Design 里的 frames 拷进来，整理图层命名和 Auto Layout，然后让 Make 生成应用结构。接下来才是高潮：你既可以用点选方式微调界面，也可以直接编辑 JSX/TypeScript 级别的代码。更重要的是，这些代码不是“只能看”，而是可以导出，并且已经展示了和 GitHub 的初步集成路径。这让 Make 从“原型工具”直接跨进了 handoff 领域。

从发现到交付：Make 正在吃掉设计流程的中后段

在案例分享里，Figma 团队展示了 Make 覆盖的完整流程：发现、定义、设计、验证、测试。无论是促销页面、交互原型，还是用户测试用的 mock 数据生成，Make 都能作为一个快速实验场。更关键的是 handoff 场景：用 Make 生成的代码、JSON specs，正在缩短设计和开发之间那条最容易扯皮的鸿沟。这不是口号，而是 Figma 内部已经在用的方式。

总结

这场直播真正值得 AI 从业者记住的，不是某个具体功能，而是一个信号：设计工具正在系统性地吸收提示工程和代码生成能力。Figma Make 把“把需求说清楚”变成了第一生产力。如果你是设计师，这意味着你需要开始像产品经理一样写 prompt；如果你是工程师，这意味着原型可能不再只是原型。一个可执行的行动建议是：哪怕暂时用不上 Make，也去拆解它的提示结构，练习把模糊想法变成可约束的描述——这是未来几年不会过时的能力。

关键词： Figma Make， 提示工程， AI 应用， 代码生成， 设计到开发

事实核查备注： 需核查：1）视频发布时间是否为 2025-10-24；2）人物姓名与职位：Bernardo Duarte（onboarding manager， customer experience， Figma）与 Hugo（designer advocate，伦敦）；3）Figma Make 对代码导出、JSX/TypeScript 与 GitHub 集成的当前支持程度；4）使用 Figma Make 所需的付费计划与 full seat 要求是否有变动。