index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html
![]()
本次直播预告围绕 TRAE 与 Figma 的结合展开，重点介绍 TRAE 如何放大设计价值，让设计师驱动创意。分享内容包括 TRAE 设计师和开发者用户的实践经验，以及现场互动答疑。TRAE IDE 模式支持 Figma MCP 和 SOLO 模式，能够深入理解设计上下文，将 Figma 设计元素准确转化为可运行的代码。TRAE IDE 集成了 Figma 工具，允许用户在不切换平台的情况下查看设计文件、调整样式并生成代码，从而实现设计与开发的无缝衔接，提升效率。
✨ **TRAE 与 Figma 的深度融合**：TRAE IDE 模式现已支持 Figma MCP（Meta Component Pack）和 SOLO 模式，这意味着 AI Coding 工具能够更全面地理解设计稿的上下文信息。通过内置的 Figma 工具，TRAE 可以准确还原设计元素，并将其转化为功能齐全、可运行的前端代码，极大地缩短了设计到开发的周期。
🚀 **Figma MCP 与 SOLO 模式的应用**：TRAE IDE 支持 Figma MCP，用户可以从内置市场添加并配合智能体使用，实现设计组件的标准化与高效复用。SOLO 模式则内置了 Figma 工具和窗口，无需跳转至 Figma 平台即可直接查看和编辑设计文件，如调整图层顺序、修改基础样式，并能自动解析设计文件，一次性识别多个页面，并将其转化为可运行代码，通过提示词进一步指导 AI 生成更精细化的代码片段。
💡 **提升设计价值与开发效率**：TRAE + Figma 的结合，旨在让设计师在开发流程中扮演更核心的角色，通过 AI 工具将创意转化为实际产品。无论是通过提示词补充页面跳转逻辑、按钮动画样式，还是基于页面层级和图层结构的高度还原，TRAE Builder 都能生成高质量的前端代码，显著提升开发效率，并确保视觉设计的精准落地。
2025-09-17 18:28 北京
9 月 19 日直播预告：Vibe Coding 如何放大设计价值TRAE Powers the Code. Designers Drive the Vibe. - 光西、小红（TRAE 设计师）用户分享 - Yavin（TRAE 开发者用户，艺术科技创作者）现场互动答疑，限量周边赠送关注 TRAE 官方微信视频号、抖音、B 站，周五 20:00 直播间见～TRAE + FigmaFigma 是一款流行的协作式界面设计工具。 当前，包括 TRAE 在内的 AI Coding 工具和 Figma 的结合是设计和开发领域中越来越流行的用法。TRAE IDE 模式支持 Figma MCP、SOLO 模式内置 Figma 工具，AI 模型能够获得完整的设计上下文，将设计元素准确还原，并转化成功能齐全的可运行代码。
TRAE 中国版和国际版 IDE 都支持 Figma MCP，你可以从内置的 MCP 市场添加，并配合智能体使用。SOLO 内置 Figma 工具和窗口，你无需切换至浏览器或 Figma 平台即可直接查看设计文件、调整图层顺序、修改基础样式等。SOLO 支持自动解析 Figma 设计文件，一次识别多个页面，将设计元素转化为可运行代码。你只需要在窗口内选择设计页面、添加到对话，发送指令即可让 AI 生成对应的代码片段。你可以通过提示词补充更多信息，例如页面跳转逻辑、按钮动画样式等，SOLO Builder 将基于页面层级、图层结构等信息，高度还原视觉设计，生成前端代码。
最佳实践推荐阅读TRAE MCP 实践：基于 Figma 设计稿的 iOS 原生 UI 自动生成项目笔记｜设计师的第一个微信小程序开发记录6A 工作流实战｜TRAE + Figma 产品设计自动化解决方案广州 Meetup 报名火热进行中：9 月 20 日，TRAE Meetup@Guangzhou 相聚羊城点击阅读原文，文末立即报名，我们周六见！阅读原文
跳转微信打开
