一、前言
AI现在正在以指数级高速迭代发展，反正本人的知识面自认已无法与AI抗衡，“CPU战胜了神经元”。
加拿大的一个作家（彼得·沃茨）写了一本科幻小说《盲视》，其中有一个类似于章鱼的生物——“攀爬者”，这种生物智商极高，语言极复杂，远远超出人类。但是！但是！但是！它没有“我”的概念，也就是它们意识不到自己的存在，人类正是利用了这一弱点打败了“攀爬者”。
我想这也是目前各位读者领先于AI的地方，且也是决定了人类暂时处于领导AI做事情的时候。如若哪天AI有了“我”的概念，各位碳基生物还能领导硅基生物嘛？🧐
二、背景
言归正传，前端开发对接的最多的就是UI设计师和产品经理。以往还原设计稿需要占用不少时间，下面我们就一起探讨下，如何借助AI快速还原设计稿。
1、Figma 令牌获取
首先我们需要注册一个figma账号 注册地址。
注册成功后点击用户的设置切换Tab为安全，生成新的令牌
复制保存好生成的Token！！！
至此，figma的准备工作结束。
2、下载 Trae 编辑工具
国际版 Trae 国际版下载地址
优点：国际版有很多能力了很强的模型可供选择，比如切图能力很棒的Gemini-3-Pro-Preview 下载安装后我们打开右侧的AI对话窗口，关闭Auto Mode,可以看到很多Trae-cn不具备的模型
缺点：免费的额度很少，动不动就超额，且用且珍惜，付费版 $10/月。（需要科学上网）
国内版
优点：免费，想怎么用怎么用；
缺点：模型的能力差强人意，新出的GLM 4.7相对来说还不错，国际版的超额后首推就是它。
3、Trae配置Figma Mcp
我们可以看到无论是国际版的还是国内版的Trae，右上角都有一个小齿轮，点击后切换到Mcp,从市场添加Figma Mcp，并将第一步获取到的Figma个人的Token粘贴进去。
然后我们回到设置里创建一个智能体，将我们创建的MCP添加到智能体后，立即应用。
效果
(Figma设计稿)
(国内版GLM4.7+Figma Mcp实现效果)
可以看到效果还是可以的，之需要微调就可以还原设计稿，用Gemini-3-Pro效果更好。
