一句话看懂：设计协作平台 Figma 在 2025 年 6 月 25 日推出重大版本，首次将代码层直接嵌入协作画布，并新增对动画、3D 变换和 AI 生成插件的原生支持。此举是 Figma 打通设计与开发“协作墙”的关键一步，也是其从纯设计工具向全流程工作平台转型的最新动作。
事件核心：发生了什么
Figma 此次更新最核心的变化是在其协作画布中首次引入了“代码层”（Code Layer）。团队可以直接在该层中克隆仓库、提取代码并同步到设计层进行测试，从而减少设计师与工程师之间反复导出、导入的低效流程。首席产品官 Masaki Hayashita 表示，多用户画布的优势在于能降低对“完美生产代码”的过度执念，使团队能更快地在空间化画布中迭代创意。
除了代码层，新版 Figma 还原生支持动画、过渡和 3D 变换，不再需要先在外部工具制作再转化为代码；新增了对着色器效果的支持，并能借助 AI 填充素材资产。另外，Figma 正在加深与去年收购的节点式工具 Weavy 的整合，预期今年晚些时候用户可在 Figma 内直接生成 Weavy 工作流。
AI 能力方面，平台内置的 AI 助手得到“技能升级”，用户可通过自然语言提示创建可复用的 AI 技能代理，并能整合来自 Notion、Excel、GitHub 等来源的数据，以增强上下文理解。更值得关注的是，用户现在可以直接通过提示词生成自定义插件，例如布局生成器或矢量路径追踪器。
为什么重要
Figma 此番更新意味着设计工具正从“视觉产出工具”向“全流程协作中枢”演进。引入原生代码层，是对行业内长期存在“设计与开发割裂”痛点的直接回应——以往设计师产出设计稿后，开发需手动重写代码，过程易错且耗时。如今将代码能力内嵌，本质上是在降低设计到开发的知识转换门槛。
从竞争格局看，Figma 正通过这一系列更新来加固自己作为“产品设计标准工具”的地位，并与以 AI 为先的下一代原型工具（如 Vercel 的 v0、Anthropic 的 Claude Artifacts）展开差异化竞争：不是取代开发者，而是让设计师和开发者在同一个画布上工作。这一策略也更贴合企业客户对于“统一协作平台”的采购需求。
此外，支持用自然语言生成自定义插件，意味着 Figma 的插件生态从一个需要 JavaScript 开发知识的技术生态，向一个可由设计师直接驱动、低门槛定制的 AI 生态转型。这有助于扩大其平台的可扩展性和用户粘性。
对用户/开发者/创作者的影响
对设计师与产品经理：可直接在画布中验证或修改代码逻辑，减少了因“设计稿与实现不一致”产生的返工。动画、3D 变换的原生支持意味着不再需要切换到 After Effects 或类似工具来制作动效演示，可保持整个流程在 Figma 内闭环。
AI 工具推荐
想把多个 AI 模型放在一个入口？
GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。
推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。
对前端开发者：代码层提供了一个“从设计到代码更短反馈回路”的试验场，能更快测试思路，但需要警惕它并非直接生成生产级代码。目前公开信息显示，该层的定位更多在于快速原型与对齐需求，而非直接输出可上线代码。
对 AI 插件创建者：自然语言生成插件功能降低了插件开发门槛，非技术背景的创作者也能快速搭建自动化工具。但同时，这可能导致插件质量参差不齐，Figma 是否会对这类 AI 插件进行审核或限制，目前尚未披露。
值得关注的后续
1. 代码层的实际落地效果：它是否能稳定支持大型仓库和复杂业务流程中提取代码的效率？Figma 是否会为此推出新的付费层级或涨价，是用户群体密切关心的点。
2. Weavy 工作流生成功能的发布时间与形态：预计 2025 年下半年上线，这是 Figma 从“设计协作”延伸至“自动化工作流”的关键触点。如果 Weavy 能无门槛地被设计师调用，将大幅改变原型设计验证的节奏。
3. 竞品反应：Figma 的竞争对手（如 Sketch、Penpot，以及企业级产品如 InVision）是否会加速推出类似的原生代码与 AI 插件能力？是否会引发新一轮设计工具定价或功能升级竞争？
来源：AIbase
