Figma 借助人工智能仅凭描述即可让设计动起来

发布于 2026年06月26日 | 从西班牙语翻译

Figma 在 Config 大会上发布了集成人工智能的新功能,允许用户通过文本描述生成动画和视觉效果。此外,还新增了在设计界面内直接编辑代码的功能。对于普通用户而言,这减少了重复性任务的时间,简化了复杂图形的创建过程,让不熟悉编程的人也能轻松使用高级工具。

Figma interface on a large monitor showing a wireframe UI being animated in real-time, glowing motion paths emerging from a text input field as a user types a description, cursor clicking a play button, code editor panel sliding open alongside the design canvas, smooth transitions between static frames and moving elements, cinematic technical visualization, dark mode with neon blue and purple accent lighting, sleek minimalist workspace, subtle particle effects around animated components, photorealistic UI render, shallow depth of field focusing on the transformation process

集成代码编辑与视觉自动化 🛠️

此次更新允许开发者直接从设计画布修改源代码,并实现实时同步更改。AI 能够解读诸如 为按钮添加柔和弹跳动画 之类的指令,并自动生成过渡效果,无需手动干预。这消除了原型与最终产品之间的中间步骤。对于产品团队而言,这意味着减少了工具间的来回切换,但需要检查 AI 是否误解了复杂或模糊的指令。

现在,AI 还能帮你省去解释需求的烦恼 😅

如果以前你要花三个小时和设计师争论按钮是天空蓝还是海洋蓝,现在只需对 AI 说一句 做成大海那样的蓝色,它就会返回一个带有动态波浪的渐变效果。当然,之后你发现客户想要的是泳池蓝,还得重新输入提示词。但至少,当你第五次改变主意时,机器不会翻白眼。