Figma 于 2026-10-15 在 Config India 发布一组面向 Agent 的功能：Code Layers（画布上的可运行代码）向全部方案开放公测，Specs（画布上可协作的 Markdown 规格容器）向付费方案公测，Guidelines 公测、Code Sources 内测；Figma MCP 新增生成代码图层与读写 Specs 的能力，并上线 20 个 MCP 合作集成（含 OpenCode、Junie）。
核心要点速览
- ✓Code Layers：公测覆盖全部方案，可从设计稿、本地文件夹、GitHub、MCP 或 Chrome 扩展抓取网页生成；公测期消耗 AI 积分，付费方案 2026-11-04 前免费（帮助中心）
- ✓Specs：Professional / Organization / Enterprise 付费方案公测，支持 Web、桌面与移动端；复制 Spec 链接给编码 Agent 即可带上 Markdown、帧引用、代码图层和 Code Connect 片段（官方博客）
- ✓MCP：figma-spec 技能让 Agent 读、建、改 Specs；use_figma 写画布仍为免费 beta，单次工具调用最多返回 20 KB（开发者文档）
- ✓设计系统：Guidelines 公测、Code Sources 内测（可从 GitHub 仓库或 npm 包导入），均面向付费方案；Payload 进入 Figma Make，官方称其下载量 12 个月增长 6 倍
- ✓生态：20 个新 MCP 合作集成，包括 OpenCode、Dia、JetBrains Junie、Meta Muse；Figma Agent 宣布 GA（Build by design）
开发者 3 秒速决决策指标
把技术选型换算成你的开发预算
40 款主流编程套餐横向比价，支持输入/输出 Token 真实账单模拟
相关资源与官方项目出处
免代理直达深度技术解析与实战评估
核心背景与行业痛点
AI 让写代码变便宜，团队开始"先做出来再想"，但 vibe coding 出的原型往往是单人作业：设计、需求和代码散落在 IDE、本地 Markdown 和视频链接里，协作者看不到推导过程，编码 Agent 也拿不到完整上下文。Figma CEO Dylan Field 在 2026-10-15 的 Build by design 中把 Config India 的发布定位为把团队、Agent、设计、代码和上下文拉回同一张画布。
架构亮点与底层机制
Code Layers 是画布上真正运行的代码，可从设计稿转换、上传本地文件夹、经 MCP 导入编码原型、从 GitHub 导入，或用 Chrome 扩展抓取线上网页。Specs 是 Markdown 的协作容器，可嵌入 FigJam、帧和任意画布节点；把 Spec 链接贴进编码 Agent 的提示，Markdown、帧引用、代码图层和 Code Connect 片段会一起带过去。设计系统侧新增 Guidelines 与 Code Sources（从 GitHub 仓库或 npm 包导入组件源码），让 Agent 按团队规范生成组件。
权威 Benchmark 与实测跑分对比
Figma 未公布性能或准确率基准，只说明 MCP 改进了 Agent 引导并"减少错误与 token 消耗"，没有给出具体数字。可核实的硬指标是：公测期 Code Layers 在付费方案上 2026-11-04 前免费，use_figma 单次调用最多返回 20 KB，新增 20 个 MCP 合作集成。
开发者实战落地与开箱指南
已接入 Figma MCP 的 Cursor、Claude Code、OpenCode 等客户端，可安装 figma-spec 技能读写 Specs，用 use_figma 写画布（见开发者文档）。官方建议先在文件副本上测试，beta 输出可能需要人工清理。功能分批推送，账号暂时看不到入口属正常，可查看帮助中心说明。
即刻查看该技术对应模型与主流工具的实测差异，或一键测算团队 API 调用与 $20/月套餐盈亏平衡点。
讨论与评论
0登录后即可参与深度讨论
与广大 AI 开发者、工程师交流评测心得与前沿洞察