GPT生图之后转Figma 插件代码包

事情是这样的。

你在 GPT-image2 里输入一行需求，几秒钟就能拿到一张设计质感拉满的海报。光影对头，构图对头，细节拉满，发到设计师群里没人敢说话。。。

我上次用它做一张求职宣讲海报，前面还说的是「卧槽这效果也太炸了」，下一秒就翻车了。领导说，把标题换一下。甲方说，这个字能不能大一点但整体别动。客户说，LOGO 颜色改一版看看对比。

你把新需求输回去，又抽了一张卡。结果风格对不上了，上张是暖色调这张变冷色了。连改了三遍，领导说的那个「只改一个字」你还没改对。

我寻思了一下我没寻思明白，AI 生成的图看起来再好，到交付环节还是得改。而改图的成本，不比从头画低多少。

然后我发现了一个王炸组合，GPT-image2 + Figma。

核心思路就一句话，让 AI 不只生成图片，而是生成一个 Figma 插件。

你跟 GPT 描述你的设计需求，比如「母亲节促销海报，尺寸 1080×1080，主标题妈妈辛苦了，副标题全场五折，暖色调温馨风」。然后加一句，「同时帮我生成一份 Figma 插件代码包」。

GPT 给你吐出一个压缩包，里面是 manifest.json 和 code.js。你把这个压缩包解开，打开 Figma 桌面版，Plugins → Development → Import plugin from manifest → 选 manifest.json → 点「生成画板」。具体菜单路径长这样，桌面版才有的入口：

导入完成后，Plugins → Development 里就能找到你刚装好的插件，点开它会弹出生成按钮：

几秒钟后，一张完整的设计画板就出现在 Figma 里了。而且重点来了，每一个元素都是可编辑的。文字、颜色、间距、字号，随便改。客户说改哪儿就改哪儿，不用重新生成。

右侧的图层面板里你可以看到所有元素都是独立可编辑的，文字框、图标、形状，分层结构清清楚楚。要改文案直接点文字框打字，要换 LOGO 直接拖拽替换，要调间距拖动图层边缘。这种「每一层都是活的」的体验，跟之前面对一张 PNG 完全不一样。

坦率的讲，我以前也不知道 Figma 桌面版还有插件开发这个入口。因为之前 AI 写代码的速度还没快到能赶上设计出图的节奏。但现在不同了，一分钟之内 GPT 就能给你吐出一份能直接跑的 Figma 插件。

不过有一点得诚实说。直接用大白话生成的插件，有时候导入 Figma 之后排版会有点漂移，字体可能对不齐，颜色有时候带了不该带的渐变。你得到的是一张「可编辑」的设计稿，但不一定是「彻底还原」的版本。

怎么让输出更稳定呢？在提示词里加硬约束。这三条规则实测有效。

第一条，字体锁死。只允许 PingFang SC（中文）、Microsoft YaHei（中文）、Arial（英文），禁止用思源黑体、汉仪这些需要本地安装的字体。Figma 找不到字体就会走样，这是最常见的漂移原因。

第二条，坐标规范化。所有 x、y、width、height 必须取整数，间距统一用 8 的倍数，8px、16px、24px、32px。禁止出现 7、13、17 这些非标值。

第三条，颜色纯色化。用 #RRGGBB 六位精确色值，禁止渐变用纯色块代替。

完整的操作流程是这样。第一步，下载 Figma 桌面版（必须是桌面版，网页版没有插件开发入口）。第二步，用这个提示词模板：

第三步，下载 GPT 输出的 zip 解压。第四步，Figma → Plugins → Development → Import plugin from manifest。第五步，启动插件。第六步，检查微调，通常五分钟搞定。

说真的，我觉得这套方案真正改变的不是设计效率，是工作流的性质。以前 AI 设计图是「看」，好看是真好看，但只能看。现在它变成了「改」，你能拿着它继续干活。

而且不止设计师能用。做产品的可以画原型图、流程图。做自媒体的可以批量产出朋友圈海报、小红书封面。「设计师不在场」这个场景，对于独立开发者和 PM 来说太熟悉了，现在你自己就能出一张能交付的设计稿。

AI 生成设计图这件事，已经不是问题了。真正的问题是，怎么让 AI 生成的图变成可以反复修改、可以交付的设计文件。GPT-image2 + Figma 这套组合，给出了一个答案。

我是 产品汪，一个产品经理，在 AI 这条路上踩坑捡宝。