Figma Make 支持直连本地代码库：用可视化拖拽直接改生产代码

过去十年，设计师和程序员之间最大的鸿沟，往往来自那句无奈的「你改的界面，跟代码里写出来的根本不是一回事」。

即使有了各种设计规范和交付工具，很多微小的间距调整、字体替换或者文案修正，依然要在两套完全隔离的系统里来回倒腾。

Figma 宣布为旗下产品 Figma Make 推出重磅更新：现在它能够直接连接你的本地生产代码库。

这意味着你不用再把设计稿导成切图发给前端，也不用非得钻进冷冰冰的 IDE 里去翻组件。在 Figma 里面动动鼠标，底层的真实代码就跟着变了。

画布拖拽，AI 在背后默默敲代码

Figma Make 这次的核心机制，是在本地代码库和可视化画布之间塞进了一个原生 AI 智能体。

你在 Make 界面里选中一个元素，直接拉大尺寸、换个颜色、调调边距或者换字体，智能体就会在后台的代码库里找到对应的组件文件，直接把代码改写成你设计的效果。

如果涉及更复杂的交互或动效，单靠拖拽不够直观，你还可以在屏幕元素上打标注。这些注释放到具体上下文里，智能体就能一眼看懂你想联动改哪几处逻辑，比对着空聊天框打一段提示词高效得多。

更接地气的是，Figma 并没有另搞一套封闭的玩具系统，而是完整接入了 Git 工作流。

你的每一次改动在提交前都保存在本地 commit 中。它支持切分支、回滚版本，最后把成果打包成标准的 Pull Request，交给工程团队走常规的 Code Review 流程审核合入。

团队成员之间还能互发链接共享分支，把代码改动像文件一样协同查看。

同时，Figma Make 里的屏幕、页面和组件可以直接复制，粘贴回常规的 Figma 设计画布，变成可分层编辑的图层，让产品设计和代码开发彻底在同一个闭环里打通。

目前内测仅限 Mac，不扣 AI 额度

不过，这一整套诱人的工作流目前才刚刚起步。

这项直连本地代码库的新功能从 5 月 28 日起进入限量 Beta 测试，目前只对 Mac 平台的 Beta 桌面端应用开放，其他系统还得再等等。

想尝鲜的用户需要申请加入候补名单，Figma 官方表示提交申请不保证一定能入选。

在测试期间，使用这些功能不会消耗 AI 额度，具体的 AI 积分定价方案会在后续公布。

另外 Figma 也坦承，虽然他们努力让非技术人员上手更容易，但目前阶段最适合的，依然是那些已经在公司拥有代码库权限、懂一点开发流程的设计师。

为什么重要

我们认为，Figma 这步棋下得非常准，它真正切中了 AI 时代协同工具的最大痛点。

市面上大多数 AI 代码工具（比如 Cursor 或各类编码 Agent）都在拼命把开发者留在 IDE 里，但对于广大的设计师和产品经理来说，终端和代码编辑器永远不是他们的舒适区。Figma 的做法不是教设计师去写代码，而是让设计师在自己最熟悉的视觉画布上，直接撬动代码。

对用户来说，独立开发者和小团队能直接砍掉大量的沟通磨合成本。以前为了改几个像素的间距或按钮圆角，设计师得截图打红圈、提 issue、等前端排期，现在设计师自己就能拉分支改好提 PR，工程师只负责过目合入。

但这里的隐患也不容忽视。代码规范、组件封装复用以及状态管理的复杂度，远不是调调 CSS 样式那么简单。AI 改出来的代码能不能经受住大型项目架构的考验，会不会引入难以排查的坏味道，这完全取决于工程师团队把控 PR 的严谨程度。

无论如何，将设计画布与生产代码库通过 Git 缝合在一起，让设计真正变成了软件交付的第一生产力。这也给所有传统的开发工具敲了个警钟：未来的软件工程入口，很可能不再是一行行代码，而是一张无边界的画布。