Figma Make 重大更新：直接连接本地代码库，支持可视化编辑、Git 工作流与双向同步，打破设计与开发壁垒

在 AI 重塑软件开发的浪潮中，Figma 再次迈出颠覆性一步。Figma Make 正式推出新功能，首次实现与本地生产代码库的深度集成。这一更新标志着 Figma 从单纯的设计原型工具，进化为能够直接干预生产环境的全栈创作平台。

• 申请地址：https://www.figma.com/join-waitlist-make

核心突破：可视化编辑生产代码

Figma Make 不再局限于生成片段式代码，而是允许用户直接在 Figma 界面中操作真实的本地代码库：

• 🎨 所见即所得的精确编辑：
  • 用户可在 Make 中选择元素，调整布局、颜色、字体或尺寸。
  • AI 代理自动定位并修改相关代码，确保 UI 变更实时反映在生产代码中。
  • 支持直接编辑模式，用于处理明确的属性变更。
• 📝 智能标注与交互逻辑：
  • 对于复杂的交互或动画，用户可通过屏幕标注描述需求。
  • 代理理解上下文后，自动生成或修改相应的逻辑代码，填补了静态设计与动态行为之间的鸿沟。

工程化集成：原生 Git 工作流

为确保代码质量与团队协作规范，Figma Make 深度融入了标准开发流程：

• 🌿 分支管理：支持创建、切换和管理 Git 分支，所有更改均在独立分支中进行，不影响主干。
• 💾 本地提交与还原：更改以本地 Commit形式存储，支持随时还原，确保实验的安全性。
• 🔀 拉取请求（PR）：完成编辑后，可直接发起 Pull Request。工程团队可像审查普通代码一样审查来自 Figma 的变更，实现真正的“设计即代码”交付。

双向闭环：画布与代码的无缝穿梭

Figma 致力于消除设计与开发之间的边界，实现真正的双向同步：

1. Code to Design：将 Make 中的屏幕、页面和组件复制，作为图层粘贴回 Figma 画布，供团队进行视觉评审或即兴创作。
2. Design to Code：Figma 检测到画布上的变更后，可提示将其同步回 Make，并在代码库中应用这些决策。
3. 协作共享：通过链接分享分支，团队成员可检出分支查看更改，提交历史清晰记录每一次迭代，方便对比前后差异。

为什么这很重要？

• 终结“设计 vs 代码”之争：工具不应限制创造力。Figma Make 让用户根据任务阶段自由选择最合适的工具——无论是自由形式的画布探索，还是严谨的代码编辑。
• 提升协作效率：设计师可直接参与前端实现，开发者可减少重复切图与样式编写工作，双方在同一语境下协作。
• 加速迭代周期：从设计构思到生产代码部署的路径被极大缩短，反馈循环更加紧密。

上线信息与注意事项

• 发布时间：2026 年 5 月 28 日启动限量 Beta 测试。
• 平台限制：目前仅支持 Mac Beta 版桌面应用，Windows 及其他平台计划随后推出。
• 费用政策：测试期间不消耗 AI 积分，未来定价方案即将公布。
• 申请方式：需加入候补名单，入选后将收到邮件通知。

对于前端团队而言，这意味着设计稿不再是静态参考，而是可执行的代码指令；对于设计师而言，这意味着拥有直接影响最终产品的能力。随着 AI 代理能力的增强，Figma 正逐步实现其愿景：让正确的工具在正确的时刻服务于工作本身。

立即申请 Beta 体验，见证设计与代码融合的未来！