将 Figma 设计稿转化为前端代码

摘要:利用trae工具的MCP 模式,对Figma 设计稿进行AI生成代码

配置智能体

这里已经配置好智能体 “小小郭”

智能体增加官方 MCP 工具

Figma AI Bridge

Fiame 设计稿

方法1:右键选中需要的设计稿-》copy as  -》 copy link to  selection
方法2:右上角-》share-》copy link

使用

 智能体中输入对应copy 的link  设置promot
评论