夜雨聆风
今年海外 AI 建站赛道卷得有多离谱？
这么说吧，一个不太出名的的外国公司 Lovable 仅用2个月就突破了2000万美元的年化收入。
另一个和 Lovable 很像的公司 Bolt.new 更是半年狂揽 4000 万美元。
但是新鲜劲一过，你就会发现这些工具生成的内容长得都差不多，渐变色、卡片排布，扫一眼就能猜出是哪家工具做的设计组件。
直到上周我拿到了 TRAE 的内测，这个刻板印象直接就被全新的 TRAE Work Design 模式给打破了。
地址在这儿：
trae.cn
今天看到官方通知，TRAE Work Design 已经全量上线，咱们都能用上这个 Vibe Design 设计神器了！
参与过项目开发的设计师一定知道那种需求文档在飞书，设计稿在 Figma，原型在墨刀，代码在IDE的痛苦。
每次工具的切换都有着大量的沟通和信息损耗。
而 TRAE Work Design 现在做的事，是让设计稿、原型、写代码、处理需求分析，都在同一个平台里流转完成。
不需要打开任何设计软件，就在对话框里把具体的想法说出来。
我用的是这段提示词：
和 TRAE Work Design 对话几下，一套完整的页面设计稿就出来了。
任务卡片的排布、完成状态的交互样式、顶部筛选栏的层级关系，全在同一套视觉体系里。
而且生成出来的页面，可以直接在画布上点进去编辑，调间距、改文案、换颜色，细节层面的调整完全不需要再跑回去问AI。
不会设计的开发者，能做出来还能自己改。
一人公司或者小团队，没有专职设计师，照样能跑完从想法到设计稿的全流程，不用为了一个页面专门外包给别人。
还有一个很棒的功能，把任意一张截图丢进去，TRAE 可以一比一复刻出可编辑的源文件。
真的把里面的布局、组件、颜色全部还原成可以直接动的设计稿。
以前对着截图临摹要花半天手动重建，现在上传一张图，直接拿到源文件。
最后，当整套界面设计完成之后，可以直接导出设计文件，切到Code模式继续开发。
说到这里，可能有人会问：我们团队已经在用Figma了。
而且有一套跑了好几年的工作流，设计规范、组件库都在里面，TRAE 跟这套东西能配合吗？
还是说切过来就意味着要把之前的东西全部推倒重来？
答案是不需要。
TRAE 可以接上你之前在 Figma 里沉淀的所有东西，设计系统、组件库、规范文档，可以直接拿过来用。
进入到 TRAE Work Design 界面中，找到左侧设计系统，再点击右边的添加设计系统，你可以看到直接导入 Figma 文件的按钮。
导入提前下载好的 Figma 的源文件就可以直接在 TRAE Work Design 中使用，而且在导入的过程中 TRAE 就完成了css的代码编写。
最后，利用导入的设计系统，我们就可以直接把【待办项目】APP的设计风格进行调整。
在 TRAE Work Design 中做完设计稿之后，也可以无缝的导出成已经做好的设计规范系统给到其他的同事来使用。
在不同的项目和设备中都可以丝滑过渡。
快速更新设计规范
无论是你自己创建的设计规范还是原有的规范，都可以让 TRAE Work Design去更新，并且进行快速验证。
直接点击风格探索，输入你想让 TRAE Work Design 参考的设计规范。
它会根据你提供的需求制作新的设计规范，完成一整套设计系统。
再借助 TRAE 给我们的设计系统，可以快速生成完整的设计界面。
TRAE Work Design 把原本属于不同工种的事情，放进了同一个地方。
开发者不用为设计犯难，产品经理可以直接一键完成产品原型的开发，设计师也不用在重复的初稿上耗时间。
链接放在这里：
trae.cn
感兴趣的朋友不妨直接去试，自己上手跑一遍，比我演示的功能肯定更加丰富~
