使用trae辅助设计UI的小技巧
余生只剩偷生
2025年11月18日 21:08
Trae AI IDE工具

想必大家也体验过trae在AI编程方面的强大了,尤其是最近推出了solo模式,更是让个人超级工作室成为可能。但是,不是每个人都是前后端精通的,即使精通前后端,也不一定还精通美工,然而要做出一款吸引眼球的APP,好的UI设计是少不了的。但是偏偏UI设计又是最难用语言描述的,有时候看到别人做的好的一套UI设计,只能咬咬牙花几十上百去买下来,但是最近我发现利用变聪明的trae的solo模式,复刻好的UI设计的方法。比如,我在为自己的APP找UI的时候,看到一款心仪的UI,配色和创意都与我正在设计的APP吻合,售价29.8,不算贵。

但是你知道的,程序员一般都是不到万不得已不会氪金的,于是我想,既然已经有了trae会员,干嘛不让trae试试。于是我就挑选了自己想要的页面,逐个粘贴给trae:

并附上了最简单的提示词:

然后trae就开始吭哧吭哧的干活了,等我摸鱼回来一看,已经干完活了。一起来看效果,这是我之前的页面:

这是trae仿出来的界面:

怎么样,是不是有点像样了,虽然还有继续优化的空间,但是对于UI设计能力为0的我,已经是巨大的成功了。@TRAE_ai​