从设计元素到可运行代码:TRAE + Figma MCP & SOLO 内置 Figma 工具

直播智能应用企业应用

picture.image

picture.image

9 月 19 日直播预告:Vibe Coding 如何放大设计价值

picture.image

本期分享内容:

  • TRAE Powers the Code. Designers Drive the Vibe. - 光西、小红(TRAE 设计师)
  • 用户分享 - Yavin(TRAE 开发者用户,艺术科技创作者)
  • 现场互动答疑,限量周边赠送

关注 TRAE 官方微信视频号、抖音、B 站,周五 20:00 直播间见~

picture.image

TRAE + Figma

Figma 是一款流行的协作式界面设计工具。 当前,包括 TRAE 在内的 AI Coding 工具和 Figma 的结合是设计和开发领域中越来越流行的用法。

TRAE IDE 模式支持 Figma MCP、SOLO 模式内置 Figma 工具 AI 模型能够获得完整的设计上下文,将设计元素准确还原,并转化成功能齐全的可运行代码。

TRAE 支持 Figma MCP

TRAE 中国版和国际版 IDE 都支持 Figma MCP ,你可以从内置的 MCP 市场添加,并配合智能体使用。

picture.image

SOLO 模式内置 Figma 工具

SOLO 内置 Figma 工具和窗口 ,你无需切换至浏览器或 Figma 平台即可直接查看设计文件、调整图层顺序、修改基础样式等。

SOLO 支持自动解析 Figma 设计文件 ,一次识别多个页面,将设计元素转化为可运行代码。你只需要在窗口内选择设计页面、添加到对话,发送指令即可让 AI 生成对应的代码片段。

你可以通过提示词补充更多信息,例如页面跳转逻辑、按钮动画样式等,SOLO Builder 将基于页面层级、图层结构等信息,高度还原视觉设计,生成前端代码。

picture.image

最佳实践推荐阅读

picture.image

TRAE MCP 实践:基于 Figma 设计稿的 iOS 原生 UI 自动生成

picture.image

项目笔记|设计师的第一个微信小程序开发记录

picture.image

6A 工作流实战|TRAE + Figma 产品设计自动化解决方案

广州 Meetup 报名火热进行中: 9 月 20 日,TRAE Meetup@Guangzhou 相聚羊城

点击阅读原文 ,文末立即报名,我们周六见!

0
0
0
0
关于作者
关于作者

文章

0

获赞

0

收藏

0

相关资源
大规模高性能计算集群优化实践
随着机器学习的发展,数据量和训练模型都有越来越大的趋势,这对基础设施有了更高的要求,包括硬件、网络架构等。本次分享主要介绍火山引擎支撑大规模高性能计算集群的架构和优化实践。
相关产品
评论
未登录
看完啦,登录分享一下感受吧~
暂无评论