吕建-Ai.Artist
吕建-Ai.Artist

粉丝65获赞311

相关视频

  • 《字节TREA+Solo模式使用Figma工具教程》 #字节solo模式  #Figma  #前端代码转换  #AI辅助开发  #Trae 
视频纪要
分享主题:介绍在字节 solo 模式下,将 Figma 代码快速转换为前端代码以提高开发效率的方法。
1、生成效果展示:通过字节 SOLO 模式一次性生成网站,交互体验和效果佳且无 bug ,原始 Figma 原型图为从模板下载的前端 UI 设计图,生成过程做了微调。
2、操作流程
项目构建:新建文件 “figma demo 3”,添加内置 Figma 工具。登录 Figma 首页,选择提前下载好的模板,不选效果不佳的 Previews,选择 UI 设计并添加对应元素 (最多 3 个),基于 UI 元素生成前端代码和网站,可用提示词优化生成效果,随后运行,借助实时跟随功能了解 AI 思考及工具调用过程 。
3、Figma 知识及集成:Figma 是云端在线协同工具,具备矢量设计等优秀功能,通过 MCP 协议与 Trae 集成。传统配置需在 Figma 官网下载 access token ,在工具中添加 MCP,操作较复杂;在 Trae 中集成则可通过网页版自动选择元素添加,更为方便 。
4、转换原理优势:相比图片识别,Figma 能定位到元素级别,避免元素级误差,获取图生关系层次、尺寸、间距、颜色、字体样式等精准数据,转化为组件化前端代码 ,方便复用与优化。
5、总结:Trae 与 Figma 结合是全新 AI 辅助模式,能快速实现设计稿高精度还原,解决传统开发问题,可让 AI 修改代码以符合项目规范,实现快速迭代、优化和开发 。
    08:25
    《字节TREA+Solo模式使用Figma工具教程》 #字节solo模式 #Figma #前端代码转换 #AI辅助开发 #Trae
    视频纪要
    分享主题:介绍在字节 solo 模式下,将 Figma 代码快速转换为前端代码以提高开发效率的方法。
    1、生成效果展示:通过字节 SOLO 模式一次性生成网站,交互体验和效果佳且无 bug ,原始 Figma 原型图为从模板下载的前端 UI 设计图,生成过程做了微调。
    2、操作流程
    项目构建:新建文件 “figma demo 3”,添加内置 Figma 工具。登录 Figma 首页,选择提前下载好的模板,不选效果不佳的 Previews,选择 UI 设计并添加对应元素 (最多 3 个),基于 UI 元素生成前端代码和网站,可用提示词优化生成效果,随后运行,借助实时跟随功能了解 AI 思考及工具调用过程 。
    3、Figma 知识及集成:Figma 是云端在线协同工具,具备矢量设计等优秀功能,通过 MCP 协议与 Trae 集成。传统配置需在 Figma 官网下载 access token ,在工具中添加 MCP,操作较复杂;在 Trae 中集成则可通过网页版自动选择元素添加,更为方便 。
    4、转换原理优势:相比图片识别,Figma 能定位到元素级别,避免元素级误差,获取图生关系层次、尺寸、间距、颜色、字体样式等精准数据,转化为组件化前端代码 ,方便复用与优化。
    5、总结:Trae 与 Figma 结合是全新 AI 辅助模式,能快速实现设计稿高精度还原,解决传统开发问题,可让 AI 修改代码以符合项目规范,实现快速迭代、优化和开发 。
  • 大家可以去领一下#trea #solo
    00:18
    查看AI文稿
  • Trea solo模式与Cursor免费版UI生成前端大比拼 #前端网站生成对比  #TreaSolo模式  #Cursor免费版  #大模型评测  #UI还原体验 
视频纪要
本次视频主要对 Trea 的 solo 模式和 Cursor 免费版在 UI 还原前端网站场景下进行评测对比:
一、生成网站及效果
1、Cursor 免费版:基于 home V1 原型图页面,通过配置 MCP Server 集成生成前端网站。生成效果尚可,一次生成后基本可用,但生成速度慢,十多分钟生成一个网站。使用的 GPT 5.1 Code x 模型效果较好,仅次于 cloud 模型。会员价格 20 美金。
2、Trea 的 solo 模式 :同样基于提示词生成单页面,集成搜索页面,样式和调整需改动较多,图片无自动填充,整体还原度低于 Cursor 免费版。底层使用 GMAT 大模型,不如 Cursor 免费版所用模型强大。
二、solo 模式问题总结
1、生成过程:生成中常出现错误并自动修复,修复时等待,不手动退出可能卡住,无法一次性自动完成所有修复。
2、服务操作:手动关闭运行服务后,本地需手动启动。
3、布局和图片:识别布局不准确,右侧布局元素飘移,无图片填充,对原型图理解局限,仅单页面还原,缺少网站头部和尾部完善规划。
4、代码问题:生成大量含数字代码时提示输入超长,需精简提示词和 MC 工具数量,但文档未提供具体精简方法,导致业务卡住。
三、对比总结
1、生成方式:Trea 的 solo 模式是端到端自动化;Cursor 有工具调用,智能体自主选择任务、编排规划。
2、处理流程:Cursor 会先读取 figma 原文件及图层组件信息,完整规划后开发任务,生成效果更符合 h 网站范式。
3、效果影响因素:UI 转前端页面效果很大程度依赖大模型,国外如 cloud、GPT 5.1 等大模型效果更佳,国产模型还原度较差。solo 模式后续会集成 GPT 5.1,值得期待效果改进。
    09:12
    Trea solo模式与Cursor免费版UI生成前端大比拼 #前端网站生成对比 #TreaSolo模式 #Cursor免费版 #大模型评测 #UI还原体验
    视频纪要
    本次视频主要对 Trea 的 solo 模式和 Cursor 免费版在 UI 还原前端网站场景下进行评测对比:
    一、生成网站及效果
    1、Cursor 免费版:基于 home V1 原型图页面,通过配置 MCP Server 集成生成前端网站。生成效果尚可,一次生成后基本可用,但生成速度慢,十多分钟生成一个网站。使用的 GPT 5.1 Code x 模型效果较好,仅次于 cloud 模型。会员价格 20 美金。
    2、Trea 的 solo 模式 :同样基于提示词生成单页面,集成搜索页面,样式和调整需改动较多,图片无自动填充,整体还原度低于 Cursor 免费版。底层使用 GMAT 大模型,不如 Cursor 免费版所用模型强大。
    二、solo 模式问题总结
    1、生成过程:生成中常出现错误并自动修复,修复时等待,不手动退出可能卡住,无法一次性自动完成所有修复。
    2、服务操作:手动关闭运行服务后,本地需手动启动。
    3、布局和图片:识别布局不准确,右侧布局元素飘移,无图片填充,对原型图理解局限,仅单页面还原,缺少网站头部和尾部完善规划。
    4、代码问题:生成大量含数字代码时提示输入超长,需精简提示词和 MC 工具数量,但文档未提供具体精简方法,导致业务卡住。
    三、对比总结
    1、生成方式:Trea 的 solo 模式是端到端自动化;Cursor 有工具调用,智能体自主选择任务、编排规划。
    2、处理流程:Cursor 会先读取 figma 原文件及图层组件信息,完整规划后开发任务,生成效果更符合 h 网站范式。
    3、效果影响因素:UI 转前端页面效果很大程度依赖大模型,国外如 cloud、GPT 5.1 等大模型效果更佳,国产模型还原度较差。solo 模式后续会集成 GPT 5.1,值得期待效果改进。
  • 不懂代码也能做编程?TRAE SOLO 模式 12.24 免费开放!
    00:30
    查看AI文稿
  • AI编程工具TRAE的下载和使用教程 本文详细介绍了AI编程工具Tree IDE的下载、安装与使用。涵盖两种模式(IDE、SOLO)特点,如对话方式、功能差异等;还提及代码开发流程,包括设计、开发、测试与调试,并分享使用中遇到的问题及处理思路,以及相关设置要点。 
#AI #AI编程 #TRAE
    54:57
    查看AI文稿
  • #守望先锋 漓江塔1V1代码:0DP02
    02:39
    查看AI文稿
  • 安卓手机怎么传输数据到苹果手机?#iphone使用技巧 #解锁手机隐藏技能 #安卓数据转移苹果 #分享iphone实用技巧
    00:56
    查看AI文稿