9 月 19 日直播预告:Vibe Coding 如何放大设计价值
本期分享内容:
- TRAE Powers the Code. Designers Drive the Vibe. - 光西、小红(TRAE 设计师)
- 用户分享 - Yavin(TRAE 开发者用户,艺术科技创作者)
- 现场互动答疑,限量周边赠送
关注 TRAE 官方微信视频号、抖音、B 站,周五 20:00 直播间见~
TRAE + Figma
Figma 是一款流行的协作式界面设计工具。 当前,包括 TRAE 在内的 AI Coding 工具和 Figma 的结合是设计和开发领域中越来越流行的用法。
TRAE IDE 模式支持 Figma MCP、SOLO 模式内置 Figma 工具 , AI 模型能够获得完整的设计上下文,将设计元素准确还原,并转化成功能齐全的可运行代码。
TRAE 支持 Figma MCP
TRAE 中国版和国际版 IDE 都支持 Figma MCP ,你可以从内置的 MCP 市场添加,并配合智能体使用。
SOLO 模式内置 Figma 工具
SOLO 内置 Figma 工具和窗口 ,你无需切换至浏览器或 Figma 平台即可直接查看设计文件、调整图层顺序、修改基础样式等。
SOLO 支持自动解析 Figma 设计文件 ,一次识别多个页面,将设计元素转化为可运行代码。你只需要在窗口内选择设计页面、添加到对话,发送指令即可让 AI 生成对应的代码片段。
你可以通过提示词补充更多信息,例如页面跳转逻辑、按钮动画样式等,SOLO Builder 将基于页面层级、图层结构等信息,高度还原视觉设计,生成前端代码。
最佳实践推荐阅读
TRAE MCP 实践:基于 Figma 设计稿的 iOS 原生 UI 自动生成
6A 工作流实战|TRAE + Figma 产品设计自动化解决方案
广州 Meetup 报名火热进行中: 9 月 20 日,TRAE Meetup@Guangzhou 相聚羊城
点击阅读原文 ,文末立即报名,我们周六见!