设计和开发之间的那道墙，正在被拆掉

做过技术工作的朋友应该都懂，设计师和开发人员之间的摩擦，那可是老毛病了。设计师在 Figma 里捣鼓出漂亮的稿子，开发人员照着实现，一到交接环节，意思就走了样。不过 Figma 这次更新，就是专门来解决这个问题的——而且效果还真不错。

Code Layers：终于原生支持代码了

这次最重磅的功能叫 Code Layers，简单说就是能在 Figma 文件里直接嵌入代码。不是那种参考资料面板，也不是跳转到外部仓库的链接——是真正的原生代码支持，跟设计元素平起平坐。不管你写的是 HTML、CSS 还是 JavaScript，都能在 Figma 里做标注、原型设计，甚至直接测试代码片段。

对开发人员来说，这意味着不用再猜设计师那句"让它更醒目"到底想表达什么了。对设计师来说，这意味着能更好地掌控自己的创意如何落地。这两个世界说了这么多年"鸡同鸭讲"，现在终于有了座桥。

动效和着色器：设计动起来了

除了静态布局，Figma 现在还支持动效设计和着色器效果。这对做交互产品的团队来说，意义重大。以前想做动画效果，得导出文件丢到 After Effects，或者干脆让开发人员自己"看着办"。现在好了，设计师可以直接在 Figma 里定义、预览动效行为。

着色器——这种通常需要 WebGL 或 OpenGL 专业知识的复杂视觉效果——现在也变得平易近人了。团队可以做出独特的视觉表现，不用专门配个图形编程高手。

AI 插件：自动化越来越聪明

最让人兴奋的，可能是这次增强的 AI 插件生态。Figma 现在允许用户创建自定义的 AI 插件来处理各种任务。想自动生成 UI 组件？有插件可以搞定。想检查设计有没有无障碍问题？AI 也能帮忙。

把 AI 工具民主化下放到设计流程里，意味着小团队也能干大活。以前需要专业知识或者高价工具才能搞定的事，现在点几下鼠标就能自动化了。

对你的工作流意味着什么

在 NameOcean，我们一直关注设计工具的发展，因为这些工具直接影响着客户搭建网站的方式。不管你是刚起步的创业者、单打独斗的自由职业者，还是管着一整个设计团队的人，这些能力都跟你有关系。

设计、开发、AI 辅助这几条线，正在以前所未有的速度融合。Figma 这样的工具正在适应这个新常态，而那些拥抱变化的团队，效率会更高，做出的产品也会更好。

最后说两句

Figma 这次的更新，不只是加了几个新功能那么简单——它代表了一种新思路。产品开发的未来，属于那些能在设计思维和技术执行之间无缝切换的团队。有了 Code Layers、动效支持、还有 AI 插件赋能，Figma 正在把自己打造成这种融合发生的核心枢纽。

如果你还没去试试 Figma 的这些新能力，现在是好时候。你的竞争对手很可能已经在用了。

对这些新功能有什么想法？欢迎在评论区聊聊——我们很想听听这些工具是怎么改变你的工作方式的。