心流logo

菲格玛推出AI代码生成工具 AI代码生成会取代传统开发工作吗? 设计师需要掌握编程技能吗? 如何平衡AI效率与设计创意?

核心功能升级

周三,设计协作平台菲格玛(Figma)推出了一系列平台更新,其核心是此前AIM报道过的Figma Make(菲格玛制作)功能。这项更新包含一个创新的提示转代码工具,能够使用自然语言将静态设计转换为交互式原型。

Figma Make作为新一代集成化设计到生产引擎,允许设计师和产品团队通过文字提示来实现功能。设计师只需指向一个元素并描述所需的更改,比如"让这个按钮触发动画"或"让这个元素响应滚动",即可快速实现交互效果。

技术特性

该工具运行在克劳德3.7(Claude 3.7 Sonnet)模型上,未来将支持更多AI模型。除了动画和交互性外,用户还可以整合动态数据、自适应布局,不久后还可以接入设计系统或第三方数据库。系统默认支持协作,使设计师、产品经理和工程师能够实时编辑,同时保持设计的结构和保真度。

配套工具升级

Figma Sites(菲格玛站点)功能允许直接从原型发布到线上网站。通过与Figma Make的集成,团队可以一键将设计转换为代码,并发布具有内置CMS支持的生产就绪界面,该功能即将推出。新增的Grid(网格)功能为自动布局系统带来了实时响应行为和精细的布局控制,无需使用嵌套框架等临时解决方案。

Figma Draw(菲格玛绘图)增加了形状构建器、路径文字和噪点效果等高级插图工具,将结构化和表现力设计完美结合。同时,新推出的Figma Buzz(菲格玛集市)为品牌和营销团队提供专用工作空间,支持大规模资产创建、模板和内容管理。

通过这些全面更新,Figma正努力在竞争激烈的AI设计工具市场中保持市场竞争力。