Figma adds code layers, support for animations, mo

AI导读

在界面设计与协作工具领域,Figma这个名字早已成为行业标杆。从最初的矢量图形编辑到后来的多人在线协作功能,Figma不断推动着设计流程的数字化变革。如今,这家公司再次迈出了关键一步——通过一次重大更新,Figma不仅将设计能力延伸至更底层的技术层面,还引入了对动态效果、着色器以及基于人工智能(AI)的自定义插件的支持。这一系列新功能,正在重新定义设计师与技术开发之间的协作边界。

首先,最引人注目的变化是Figma新增的“代码层”(Code Layer)。在过去,Figma虽然能够生成CSS(层叠样式表)等前端代码片段,但那更多是对设计元素的简单导出。而现在,一个全新的代码层...

AI Prism 智棱 - AI应用 分类封面图

在界面设计与协作工具领域,Figma这个名字早已成为行业标杆。从最初的矢量图形编辑到后来的多人在线协作功能,Figma不断推动着设计流程的数字化变革。如今,这家公司再次迈出了关键一步——通过一次重大更新,Figma不仅将设计能力延伸至更底层的技术层面,还引入了对动态效果、着色器以及基于人工智能(AI)的自定义插件的支持。这一系列新功能,正在重新定义设计师与技术开发之间的协作边界。

首先,最引人注目的变化是Figma新增的“代码层”(Code Layer)。在过去,Figma虽然能够生成CSS(层叠样式表)等前端代码片段,但那更多是对设计元素的简单导出。而现在,一个全新的代码层被直接嵌入到了设计文件的结构之中。这意味着设计师可以在其设计系统中嵌入、编辑和同步实际的前端代码,而开发人员则可以直接在Figma环境中查看实时代码效果,甚至对代码进行微调。这一举措有效地弥合了设计与开发之间的“鸿沟”,减少了因设计与实现不一致而导致的反复沟通与返工。对于团队协作而言,代码层的出现等于是在设计稿中嵌入了可执行的“技术文档”,进一步强化了Figma作为设计系统核心枢纽的地位。

与此同时,Figma还正式引入了对动态效果(Motion)和着色器(Shaders)的支持。动态效果能力让设计师能够直接在Figma中创建原型级别的交互动画,从页面切换的缓动曲线到微交互的触发反馈,都可以在统一平台上完成。以往需要借助第三方工具(如Principle或After Effects)才能实现的原型动画效果,现在被纳入了Figma的原生工具箱。更让人眼前一亮的是着色器支持——着色器是图形渲染中用于控制像素颜色与光影效果的底层程序。通过集成着色器,设计师可以创建复杂的视觉滤镜、渐变纹理或动态光影效果,而无需离开设计工具。这对于游戏界面设计、AR/VR(增强现实/虚拟现实)交互界面以及品牌视觉系统等高阶设计场景来说,是一次显著的提效。

然而,这次更新中最具前瞻性的部分或许在于AI驱动的自定义插件能力。Figma一直以来以其庞大的插件生态闻名,但过去这些插件主要依赖于开发者手动编写代码。现在,Figma允许用户借助人工智能来创建和配置自定义插件。具体来说,用户可以通过自然语言描述自己的需求——例如“创建一个自动将选定文本替换为随机用户名的插件”——然后AI模型会理解指令并生成对应的插件逻辑。这意味着非技术背景的设计师也能轻松打造符合自身工作流的自动化工具,从而大幅减少重复性劳动。AI插件的出现,标志着Figma正在将“设计自动化”的门槛降至前所未有的低点,无论是批量处理图层命名、自动生成设计文档,还是根据组件状态切换执行样式调整,都可以通过简单的对话式交互来实现。

行业分析人士指出,Figma此次更新的策略非常清晰:从“设计工具”向“设计与开发融合平台”进化。在过去几年中,随着设计工程化的趋势日益明显,越来越多的企业开始要求设计师具备“代码意识”,甚至直接编写轻量级的前端代码。Figma的代码层恰恰迎合了这一需求,它使得设计文件不再只是视觉上的“蓝皮书”,而是可以成为开发流程中的活数据源。而动效和着色器的加入,则是对日益复杂的交互场景的回应——如今的用户界面不再是静态的,而是充满微动画、个性化图形和沉浸式体验的。

另一方面,AI插件的引入则标志着Figma试图在生产力工具领域开辟一条新赛道。过去,AI在设计工具中的应用大多停留在“自动生成设计建议”或“智能布局推荐”的层面。而Figma让AI直接参与插件开发,实际上是把“创造工具的工具”变得智能化了。有观察者认为,这一做法可能会引发连锁反应:未来,用户对设计工具的需求将从“它能做什么”转向“它能帮我做什么我还没想到的事”。而AI驱动的插件,正是这一转变的催化剂。

当然,此次更新也并非全无挑战。代码层的加入意味着Figma需要更严格地处理版本控制和代码冲突问题,尤其是在大型团队协同编辑同一设计文件时。着色器功能虽然强大,但对硬件性能提出了更高要求,普通配置的设备在渲染复杂着色效果时可能会出现卡顿。而AI插件生成的质量目前仍取决于底层模型的训练数据覆盖度,对于非常规或高度专业化的需求,AI可能无法准确理解或生成正确代码。Figma承诺将持续优化这些体验,但市场究竟如何反馈,仍需时间检验。

总体而言,Figma这次的更新可以被视为对“设计数字化”理念的一次深层巩固。它不再满足于只做设计师手中的笔,而是试图成为连接创意、技术与团队协作的综合性底座。当代码层、动效和着色器被整合进同一套设计系统中,当AI帮助每个人都能成为插件创造者,Figma所描绘的未来图景已然清晰:在这个平台上,设计将不再仅仅关乎视觉呈现,而是成为可交互、可执行、可编程的整体体验。

内容声明

本文内容基于公开市场信息与媒体报道进行整理,部分观点来自社区讨论。如涉及事实性问题,欢迎通过 xurj005@163.com 与我们指正,我们将及时核实并更新。