首先，点击右上角的设置，选中MCP
点击右上角的添加
选择：从市场添加
找到figma AI Bridge进行安装。
在这里填写你的figma access Token。
然后，在Trae里选择模式：
在上面的选项里面二选一。
然后，在你的figma里选中你要实现的元素，选择右键，copy link。
把这个link粘贴给Trae，让它给你按比例高保真实现，并且自动下载相关svg资源即可。
可能的坑：
很棒的分享！我也是这样用figma mcp的
收藏起来了 下次学习学习
这个mcp是要花钱买吗?
免费的能力啊，不花钱
1、调用mcp从figma下载设计稿数据后，总是被截断，看了完整的figma数据大概5000行；
2、还原度实在太低，无法用于生产，50%都不到；
3、查了一些资料，有的说是mcp服务接口返回字符有限制，有的说是大模型上下文窗口限制；—但现在大模型上下文窗口已经到达1M了
-看怎么解决，大神？
我今天用了cursor+GPT5.4，竟然一次5.6万行的figma数据没压力，完美还原figma设计稿，不敢想象，实际差距会这么多；
同志们还需努力，才能达到真正的生产实际能使用；现在的可能只能算初步流程跑通，差距实在太大了
是不是你没有figma dev mode的权限？
感谢分享！收藏了 
figma dev mode有的，是因为页面太长，获取到的figma数据大概5000多行，总被AI截断，所以会这样；用单屏页面试了，还原度还可以，有80%多吧；对于长页面figma数据量大的就没办法用量；
嗯嗯，还是要稍微拆小一点
有遇到启动这个mcp失败的吗
figma dev mode需要花钱吗， 没有这个模式是不是就用不了figma MCP？
白扯，还原度很低
