字节跳动旗下推出的AI代码助手平台

1、安装AI工具

打开下方网址根据图片指引进行常规安装AI工具(Mac/win同理)
Mac直接拖拽过去就安装了
常规安装有问题评论区留言看到回答
 
 
软件功能区速览(banana pro图)
 

2、UI UX Pro Max的安装

网址

排队情况
 
如果显示没建立文件夹,创建一下就好。(这个文件夹就是等于你的设计源文件)后续对话生成的内容都在此文件夹
 
 

切换大模型

换到可以不用排队。好用的那些免费模型都是多人排队的

安装中

安装过程自动,过程无需理会(有兴趣学习就看看过程能学习挺多东西) 看结果就行

安装成功,重启一下trae

安装在这里显示了
根据提示运行(能对话操作就不需要自己动手)

3、开发官网(案例展示)

提示词:帮我开发一个个人网站 参考fsuied.com
看提示已经有了调用ui-ux规范的技能
页面生成中
 
案例展示html文件(可根据自己需求继续调整) trae的代码设计能取决于大模型
 

4、网页html等转figma源文件方法

5、mcp的设置

可以根据自己的常用来选择mcp
 
例如浏览器mcp