乐于分享
好东西不私藏

AI 生成 UI 的"最后一公里"打通了吗?亲测 Figma MCP 新功能后的冷静思考

AI 生成 UI 的"最后一公里"打通了吗?亲测 Figma MCP 新功能后的冷静思考

最近有朋友问我:"小薇,现在有没有那种AI,我输入一句话,就能直接给我生成一个能用的、带自动布局的Figma源文件?别再给我图片了。"

我懂。我们都被"一句话生成海报"的炫技演示惯坏了,都梦想着有一个神奇按钮,能一键打通从想法到可执行设计稿的"最后一公里"。

3月24日,Figma官方更新了MCP功能,允许像Cursor这样的AI编程助手直接连接并操作Figma。消息一出,圈子就炸了:这难道不就是我们等的那个"官方按钮"吗?

我立刻放下手头的活,当了一回"小白鼠",烧了不少Token,做了一次完整验证。结论先放在这里:

这确实是里程碑式的一步。但它目前更像一个充满惊喜与坑洼的实验性通道,而非一条能让你飙车的高速公路。

如果你正摩拳擦掌准备上车,不妨先看看我这篇"实测报告"。

一、"官方通道"本身,就是最大的信号

首先,这事得先肯定一下。

它解决了三个实际问题:

  1. 从"图片"到"源文件"的质变。AI直接生成.fig源文件,所有图层、画板、属性都可编辑。这是从"看结果"到"用结果"的关键一跃。
  2. 组件库可以"原生调用"了。 理论上,AI能直接读取并使用你或团队的组件库进行搭建。生成的稿子,起点就是规范的,而不是需要你后期手动替换的"野生"样式。
  3. 这是Figma官方出的入口,不是第三方插件。 它传递了一个信号:AI辅助设计,不再是外挂和玩具,而是被正式纳入未来工作流的核心考量。

所以,无论后面有多少坑,这个方向值得肯定。

二、这几个坑,实测下来是真的绕不开

1. 成本这事儿,得先算清楚。

我用的是Cursor(Cloud opus 4.6模型)连接Figma,输入"用我们的设计系统,创建一个数据报告页"。

生成过程并不快。更关键的是,它极其消耗Token。一次生成加几次迭代调整,Token消耗下来的价值,可能超过你的想象。

对于简单页面,一个熟练设计师自己拖拽组件,速度可能比等AI生成并修改更快、更便宜。

2. 你不知不觉就成了AI的"产品经理"。

为了得到一个可用的结果,你不能只说"做一个报告页"。你需要像给新手设计师写需求一样,事无巨细地描述。

我发现,如果对生成的稿子截图让AI修改,它经常识别不准。最可靠的方式,竟然是回到聊天框,用文字进行描述性修改。(反而直接生成在cusor里修改起来方便很多)

这感觉就像你坐在副驾驶,却不能直接动手,必须用语言指挥一个新手司机:"对,方向往左打一点——不是,回一点,过了过了……"

3. 多组件库同时存在,简直是灾难。

我的Figma账号里有好几个项目的组件库。实测中,AI经常会错误地调用其他不相关项目的组件,导致生成的页面风格混杂、四不像。

对于服务于多产品线的设计师,或者拥有复杂设计系统的团队,这个功能目前极易造成混乱。

AI有时能成功链接到组件库的组件,有时生成的却只是"像组件的样式",并未真正链接。你需要像质检员一样,逐个检查,并手动重新链接。

如果我还需要花大量时间检查基础规范,那自动化的意义在哪里?

三、怎么用它,才是聪明的

听到这里,你是不是有点失望?别急,我只是帮你建立正确的预期。

先说它适合的场景:

快速原型与脑暴。 当你需要快速呈现一个布局想法时,让它生成一个粗糙的框架,比从零开始快一些。

个人项目探索。 没有严格规范束缚,可以尽情尝试各种布局可能性。

简单页面的延展。 在已有明确风格和组件的基础上,让它生成同类型的新页面——但务必检查组件链接。

如果你决定试试,这份避坑指南请收好:

环境准备。 确保使用Figma和Cursor的付费版本,网络环境稳定。

指令技巧。 用结构化描述,可以参考"角色+场景+具体需求+风格+约束"这个公式。

组件库管理。 尝试为特定AI生成任务创建一个全新的、干净的Figma文件,只链接唯一需要的组件库,避免干扰。

心态管理。 把它当作一个有想法、但粗心的初级助手。你的角色是指挥官和质检员,而不是流水线工人。

四、真正值得想的事

Figma这个更新,其实告诉我们一个更深刻的真相:

AI正在急速逼近"生成"的终点,而接下来真正的赛道,是"控制"与"整合"。

未来,设计师的核心竞争力,不再是"画得又快又好看"——这终将被平替。真正难以替代的,是精准定义问题、判断设计好坏以及高效整合AI与资源的能力。

你需要从"操作工"进化成"架构师"和"导演"。

写在最后

回到最初的问题:AI生成UI的"最后一公里"打通了吗?

路标已经竖起,道路已经开工,但路上还有不少沟壑。 现在开车上路,你需要一副好底盘(清晰的指令)和一颗谨慎的心(严格的检查)。

与其焦虑地追逐每一个新功能,不如回归本质:持续提升定义设计问题、构建设计系统、驾驭设计资源的能力。因为无论AI如何进化,那个最终做判断、负责的人,永远是你。

当然,如果你希望不止于测评单个功能,而是想系统性地掌握如何将AI作为思维和效率的"外挂",融入你完整的工作流,我会后续慢慢分享。

在这里,我们不神话任何一个工具,而是专注于打造你驾驭工具的思维、流程与实战能力。

现在,我想听听你的想法:

你对Figma这个新功能最感兴趣的点是什么?

在尝试AI工具的过程中,你踩过的最大一个"坑"是什么?

欢迎在评论区分享你的故事,我们一起看清前路,聪明成长。