### [Figma把代码层搬上画布，AI设计工具开始抢开发者的活了](https://www.willai.cc/article/2804)

**Published:** 2026-06-27T22:23:56

**Author:** hiyoho

**Excerpt:** Figma这几天悄悄放出一个大更新，设计师和开发者之间的那堵墙，又被推倒了一块。 这次更新的核心，是把”代码层”直接搬上了Figma的协作画布。以前设计师做完稿，要交给开发者去还原——这个”交接”过程，往往是扯皮的重灾区。现在Figma说：

Figma这几天悄悄放出一个大更新，设计师和开发者之间的那堵墙，又被推倒了一块。

这次更新的核心，是把”代码层”直接搬上了Figma的协作画布。以前设计师做完稿，要交给开发者去还原——这个”交接”过程，往往是扯皮的重灾区。现在Figma说：别交了，直接在画布上写代码，大家一起看。

> “多人协作画布的强大之处在于：这是一个你不需要关心代码质量的环境。如果你在快速探索方向，可以用这种空间化的方式来做。”——Figma首席产品官Yuhki Yamashita

### 代码层、动画、AI，一次全给了

具体来看，这次更新有三个值得说的地方。

第一是代码层。团队现在可以直接在Figma画布上克隆代码仓库，把代码里的流程提取出来变成设计层——用来做测试。Figma的意思很明确：设计师、产品经理、工程师，别分那么清楚，大家一起在画布上折腾。

第二是动画和3D变换。以前设计师要做动画，得去别的软件里做，再转成代码让应用去读。现在直接在Figma里做就行了，支持过渡动画、3D变换，还能用AI来生成这些资源。

![Figma代码层与AI功能概念图](https://admin.hiyoho.com/wp-content/uploads/2026/06/figma_update.png%22)

Figma新更新：代码层、动画支持与AI功能（概念图）

第三是AI助手的能力升级。现在可以用文字提示词来创建”可复用的技能”，让AI代理去执行。还能接上Notion、Granola、Excel、GitHub这些工具，或者附上文件给AI更多上下文。

### Figma的AI牌怎么打？

这件事背后有一个更大的趋势：设计工具不再满足于”只服务设计师”，它们在往”全栈协作平台”的方向走。

Figma去年收购了节点式工具Weavy，现在正在把两个产品打通。今年晚些时候，用户可以直接在Figma里生成Weavy的工作流。这个方向很明显：让设计师也能跑AI模型对比输出，而不只是画框框。

另外，Figma之前已经跟Claude Code和Codex做了集成。这次加代码层，等于把”设计→代码”的链路再缩短一截。对开发者来说，这可能是好事——少了一点”还原走样”的扯皮；但也可能是坏事——设计师会不会开始”写代码”，然后产出一些让工程师头大的东西？

-   代码层让设计师能直接在画布上操作代码逻辑
-   动画工具内置，不再需要第三方软件中转
-   AI助手可连接Notion、GitHub等外部工具
-   Weavy集成将在今年晚些时候上线

* * *

Figma这次更新的底层逻辑很清楚：AI让”跨界”变得容易了，那不如直接把界限抹掉。以后还会有”专职设计师”和”专职开发者”这两种角色吗？这个问题，可能比这次更新本身更值得想想。

📎 原文来源：[Figma adds code layers, support for animations, more AI features in new update — TechCrunch](https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update/)

**Tags:** AI, AI应用, AI技术

**Categories:** AI资讯

---