
在设计与开发的世界里,一直存在着一道难以逾越的鸿沟。设计师完成精美的设计稿后,还需要开发人员将其转化为实际可用的代码和产品。这个过程往往耗时且容易产生沟通误差。
此前也出现了很多设计稿到代码之间的工具,让 AI 编程工具更好的还原页面。
如今,这一切将被彻底改变!
在 Config 2025 大会上,Figma 正式发布了革命性产品 Figma Make 测试版。它让设计师和产品人员无需编程知识,就能通过 AI 对话将设计稿秒变为可交互的原型和网页应用。
Figma Make:设计到代码的魔法桥梁
Figma Make 是一款 AI 驱动的对话式工具,它能神奇地把 Figma 设计稿或创意想法转变为功能原型、网页应用和交互式界面。
只要是使用 Figma 的设计师,现在都可以:
-
• 一键预览设计在实际功能形式下的外观和体验 -
• 将产品构想直接转化为可交互原型,迅速验证想法 -
• 无需写代码,探索各种界面和交互解决方案

五大核心功能,彻底改变设计师工作流
1. AI 驱动的设计转代码体验
想象一下,你只需将现有的 Figma 设计拖拽到对话框中,AI 立刻就能理解你的设计意图并生成对应代码。不需要手写 HTML、CSS 或 JavaScript,一切由 AI 完成。你甚至可以直接复制粘贴设计元素到对话中,AI 会立即识别并处理。
以下是 Figma Make 的工作界面,左侧是 AI 聊天窗口,右侧是预览区

2. 自然对话式迭代设计
“把这个按钮改成蓝色”,”让这个卡片有圆角边框”,”添加一个登录功能”——通过简单的文字指令,你可以不断完善你的原型。这种对话式交互使设计迭代速度提升数倍。

3. 精准编辑工具
Figma Make 内置编辑工具,让你可以像在 Figma 设计界面一样,直接调整原型中的元素。点击任何元素,即可修改内边距、外边距、颜色、文本和各种属性,所见即所得。


4. 无缝团队协作
产品经理、设计师和开发人员可以同时在一个项目中协作,共同讨论和修改。这种实时协作模式将显著减少沟通成本,加快产品迭代速度。
5. 一键发布上线
当原型满足需求后,只需点击”发布”按钮,Figma Make 会立即生成一个可访问的网页链接。你的设计不再只是静态图片,而是真正可用的网页应用。

四大使用场景,谁会从中受益?
1. 设计师的创意加速器
设计师不再局限于创建静态视觉效果。通过 Figma Make,你可以直接展示交互体验,获得更真实的用户反馈,使设计更有说服力。
2. 产品经理的原型利器
产品构想不再停留在文字描述或静态原型阶段。现在,产品经理可以快速创建功能完整的原型,更直观地展示产品愿景,加快决策过程。
3. 创业团队的开发节省者
资源有限的创业团队可以用 Figma Make 快速将创意转化为可演示的产品原型,验证商业假设,节省开发成本。
4. 跨职能团队的沟通桥梁
设计和开发不再是割裂的阶段。有了可运行的原型,团队成员对最终产品有了共同视角,减少误解,提高协作效率。
如何获取这款神器?
Figma Make 目前处于开放测试阶段,正在向所有付费计划中拥有完整席位的用户陆续开放。

谈谈对 Cursor 类编程工具的影响
首先,Figma Make 让设计师可以直接通过对话和拖拽,把设计稿变成可运行的前端原型,甚至是简单的 Web 应用。这种 “设计即代码” 的体验,降低了非开发者实现想法的门槛。对于 Cursor 这类主打 “AI 辅助编程” 的工具来说,Figma Make 在前端页面生成、UI 交互原型等场景,直接分流了一部分原本需要用代码实现的需求。
其次,Figma Make 的 AI 对话和可视化编辑能力,进一步缩短了设计和开发之间的距离。很多原本需要开发者用 Cursor 辅助写代码的场景,现在设计师可以直接在 Figma Make 里完成。这意味着,Cursor 在“设计稿转代码”这条赛道上的竞争压力会更大,必须不断提升自身的智能化和自动化水平,才能保持吸引力。因为人家是真的和设计稿直接交互
不过,Figma Make 目前主要聚焦于前端原型和简单应用的生成。对于复杂的业务逻辑、后端开发、工程化体系等,Cursor 依然有很大优势。Cursor 可以帮助开发者高效地完成复杂项目的代码编写、重构、调试等工作,这些是 Figma Make 目前无法替代的。
未来,随着 Figma Make 这类工具不断进化,Cursor 需要进一步强化与设计工具的集成能力,提升 AI 对复杂需求的理解和代码生成能力,才能在 AI 编程领域持续保持竞争力。
总结
Figma Make 的发布,标志着设计和开发之间的界限进一步模糊。这个工具让设计师能更深入地参与产品开发过程,同时也让开发人员能更早地理解设计意图。
Figma Make 降低了前端原型和简单应用的开发门槛,对 Cursor 这类 AI 编程工具形成了一定分流和挑战。但在复杂开发、工程化等领域,Cursor 依然不可替代。两者未来可能会有更多协同和集成的机会。
随着 AI 技术的不断进步,我们可以期待 Figma Make 在未来带来更多可能性,彻底改变产品设计和开发的协作方式。
(文:AI智见录)