Token导航 LogoToken导航TokenDH.com

从需求到设计到代码,一个软件全搞定,TRAE Work Design实测来了

更新时间 2026-06-26来源 虎嗅网正文 1306字阅读约 5分钟15 张图片

AI设计工具TRAE Work突破品牌规范识别与精确编辑难题

本文来自微信公众号: 量子位 ,作者:关注前沿科技,原文标题:《从需求到设计到代码,一个软件全搞定!TRAE Work Design实测来了》

AI设计终于懂品牌了

在上手之前先吐个槽啊。

这一年多AI设计工具出了不少,v0、Bolt、Galileo一圈轮下来,感受都差不多:出图是真好看,用起来是真头疼——

AI压根不认识你的设计系统。

你让它出个官网首页,它自己挑配色、自己选字号、自己决定按钮长啥样,效果出来倒是挺精美的,但把自己的品牌规范拿出来一看,哪哪都不对……好图根本没法直接用。

这也就导致目前大部分AI设计工具,顶多只能出份初稿Demo用来演示沟通,很难深度落地到正式的专业设计流程中。

改图就更折磨了,早期大多数工具只能通过重绘整张图迭代效果,如今虽然普遍上线选区编辑功能,但精准度还是很难把控,设计师们和AI的沟通成本仍然居高不下(doge)。

我先把一份准备好的Figma文件丢了进去。

我把Kit里的Guide组件扔了进去:

用这个风格作为页面头部,帮我设计一个音乐App首页,下面放今日推荐歌单横滑卡片、最近播放列表、底部Tab导航栏。

设计稿出来之后我只想说,这是真“规矩”。

初稿有了,接下来就是改图。

对话比较适合改大方向,比如:

把背景换成浅蓝色、把今日推荐的卡片尺寸放大,改成两列大图布局。

甚至你还能修改一整块区域,比如咱把刚才调成两列的「今日推荐」模块再改成一行。

面板操作就是微微微调了,要什么参数直接滑就行。

一个平台跑通需求→设计→代码

出图合规了、改图顺手了,咱接下来要考虑的就是它能不能简化工作流?

以前做设计,可能要有需求在文档里写、设计在Figma里搞、代码在IDE里敲,三项工作三个工具。

而且就算单个环节已经有AI帮忙,但每切一次工具就免不了有丢上下文的风险。

这部分是Work模式的常规操作,咱就不多展开了~

然后切到Design模式。

页面导航设置也非常清晰。

整体调性确实是简约那个味道,效果be like:

我又拿前面试过的三种方式快速调了几处,两三分钟搞定。

618大促H5,要有冲击力,顶部大图轮播、限时倒计时、商品瀑布流、底部浮动购买按钮,配色热闹抢眼。

但视觉冲击力差点意思,大促那种热闹抢眼的氛围感,AI处理得偏保守,视觉炸裂感暂时还差点火候(doge)。

AI设计工具开始拥抱工作流

其实过去一年AI设计赛道卷得挺热闹,v0、Bolt、Galileo你方唱罢我登场,对话出图已经是标配了。

Demo效果确实惊艳,但拉到真实生产里,大家都有同一批硬伤:不认设计系统、工具孤岛化、编辑能力弱。

说实话,当AI出图能力越来越强之后,瓶颈已经不在「谁生成得更快更好看」了,真正卡住用户的是怎么让输出合规可用、怎么精确修改、怎么跟前后环节无缝衔接。

当然了,不止TRAE Work在往这个方向走,Lovable、v0也在试着打通设计到代码的链路,只是切入点各有不同。

所以,可以看到一个越来越清晰的趋势是:当生成能力不再是瓶颈,工具之间的“缝隙”才是最大的效率黑洞。

谁先把这个缝儿缝上,谁就能在下一阶段拿到优势。

至于最大的受害者是谁?或许是Alt+Tab键吧——

毕竟以前要来回切N趟界面,现在出场机会都变少了(doge)。

文章标签AI资讯
资讯来源:由AI资讯编辑整理自互联网公开内容,版权归原作者所有,未经许可,不得转载。

继续浏览更多资讯

返回资讯目录

相关资讯

更多