
Figma正式推出了一款全新工具——Figma Make,这是一款基于生成式AI的“提示转代码”功能,帮助设计师和产品团队更高效地探索、迭代和优化创意。无论是快速生成高保真原型,还是深入调整设计细节与代码逻辑,Figma Make都为用户提供了前所未有的灵活性和速度。

设计是解决问题的艺术,但问题解决的过程往往并非线性。从最初的灵感到最终的产品落地,设计师需要在各种限制中不断尝试和调整。然而,时间和技术门槛常常让许多好创意停留在纸上,无法真正实现。Figma Make正是为此而生,它通过自然语言提示和生成式AI技术,降低了复杂交互设计的技术壁垒,让每个人都能轻松将静态设计转化为动态体验。
无需从零开始:从现有设计出发
Figma Make的核心理念是“从现有设计出发,而非从零起步”。设计灵感可以来自任何地方——早期草图、完整原型,甚至是现有的设计文件。借助Figma Make,你可以直接将Figma Design中的框架复制给AI模型,保留其结构和元数据。然后,只需通过简单的自然语言提示(例如“让这个按钮触发动画”或“让这个元素响应滚动”),Figma Make就能快速生成可交互的原型,同时确保设计的原始意图不被破坏。

这种工作方式不仅节省了时间,还让设计师能够专注于创意本身,而不是繁琐的技术实现。
从静态到交互,仅需几分钟
传统设计工具中,静态设计往往难以传达交互细节,导致团队在沟通和评估可行性时遇到障碍。Figma Make通过以下功能彻底改变了这一现状:
- 交互原型
将静态设计转化为完全交互的原型,支持动画、按钮点击和实时反馈。无需编写代码即可创建复杂的交互逻辑。 - 动态数据测试
使用真实数据测试设计功能,例如上传文件、动态展示信息流等,帮助团队更好地理解设计在实际场景中的表现。 - 跨设备适配
快速将设计从一种设备格式转换为另一种(如从桌面端到移动端),并进行跨平台测试,确保设计在不同屏幕上的表现一致。
未来,Figma Make还将支持第三方数据库集成和设计系统扩展,进一步提升功能性和灵活性。
实时协作:让团队共同探索
作为Figma生态系统的一部分,Figma Make天然支持实时多人协作。无论是设计师、产品经理还是开发者,任何人都可以在同一文件中实时添加功能、整合数据或测试新的交互模型。这种无缝协作模式消除了角色和技术背景的限制,让团队中的每个人都能为设计体验贡献价值。

例如,产品经理可以通过简单的提示为设计添加新功能,而开发者则可以直接编辑生成的代码以满足特定需求。这种高效的协作方式不仅加速了设计过程,还增强了团队之间的沟通和共识。
点选与提示:精准编辑的新方式
Figma Make引入了一种直观且符合设计师习惯的编辑方式。你只需指向一个设计元素,并通过自然语言描述想要的更改。例如:
- “让这个按钮在点击时播放动画。”
- “让这个元素在页面滚动时逐渐淡入。”
这种精确的编辑方式弥合了设计意图与功能实现之间的鸿沟,同时保留了设计系统的组件层级和一致性。无论你是想微调交互细节,还是探索全新的设计方向,Figma Make都能提供强大的支持。

无缝设计到代码的工作流
Figma Make直接集成到现有的Figma工作流中,从Figma Design到Figma Sites,创造了一条从初始概念到交互原型再到发布网站的连续路径。这种无缝衔接的工作流让用户无需切换上下文或在不同工具之间重建工作,大大提升了效率。
例如,设计师可以先在Figma Design中完成视觉设计,然后通过Figma Make快速生成交互原型,最后利用Figma Sites将其发布为实时网站。整个过程流畅自然,无需额外的学习成本或技术门槛。
拓展设计的可能性
Figma Make并非要取代设计过程中至关重要的精心迭代工作,而是强化它。它的目标是帮助设计师更快地验证概念、更全面地探索方向,并更有效地沟通创意。通过减少技术障碍,Figma Make让设计师能够在思考与制作之间自由切换,从而在更短的时间内创造出更精致的产品。
此外,Figma Make还致力于让设计过程更加有趣。无论你是经验丰富的专业人士,还是刚刚入门的设计爱好者,都可以通过简单的提示快速进入心流状态,享受创意生成的乐趣。
数据统计
相关导航


v0

Qoder CLI

Cursor

DeepSite

AI Website Builder

Open Lovable







