Figma 发布 FigJam AI:设计即代码,重塑协作与构建工作流
在 2026 年 10 月的 Figma 开发者大会上,Figma 正式推出了其最具颠覆性的 AI 工具之一——FigJam AI。这一更新标志着 Figma 从单纯的“设计工具”向“设计即代码(Design as Code)”的全栈协作平台迈进。FigJam AI 的核心愿景是消除设计师与开发者之间的认知鸿沟,让创意直接转化为可执行的代码逻辑。
核心突破:画布上的代码层
FigJam AI 最大的创新在于它打破了传统白板与代码编辑器之间的界限。用户不再需要切换到 IDE 来编写逻辑,而是可以在 FigJam 的画布上直接设计代码层(Code Layers)。
- 自然语言驱动:用户只需输入自然语言指令(例如:“创建一个包含用户登录、密码重置和错误提示的表单组件”),AI 即可自动生成包含 UI 结构和基础逻辑的完整代码块。
- 实时双向同步:生成的代码层与 Figma 设计系统无缝集成。当设计变更时,代码逻辑自动更新;反之,代码逻辑的调整也会即时反映在设计稿中。
- 智能上下文感知:FigJam AI 能够理解项目背景,自动识别现有的设计模式(Design Tokens)和组件库,确保生成的代码与团队的技术栈保持一致。
对开发者与用户的实际价值
对于开发者而言,FigJam AI 极大地降低了原型验证的门槛。以往需要数小时编写的基础交互逻辑,现在只需几分钟即可完成。这使得快速迭代(Rapid Iteration)成为可能,团队可以在会议中直接演示可交互的原型,而非仅仅展示静态图片。
对于设计师来说,这一工具赋予了他们“全栈思维”。设计师不再局限于视觉表现,而是可以初步构建交互逻辑,从而在需求阶段就与开发团队达成更精准的共识,减少返工率。
此外,FigJam AI 还支持Zero-shot生成,即无需微调模型即可针对特定业务场景生成高质量的代码片段,极大地提升了团队协作效率。
技术亮点总结
- 无缝集成:AI 能力直接运行于 FigJam 客户端,无需额外插件或环境配置。
- 代码即设计:设计稿与代码逻辑在同一个画布上保持同步,实现真正的所见即所得。
- 降低门槛:让非技术人员也能参与逻辑构建,加速产品从概念到代码的落地过程。
“我们不再满足于让设计师画出更好的图,我们要让他们写出更好的代码。” —— Figma 产品团队
FigJam AI 的发布,预示着未来人机协作的新范式:AI 不再是辅助工具,而是构建数字产品的核心引擎。