AI 工作流实践分享

TRAE 全域协同一体化实践

Work 效能
文档与自动化
Code 原型
原型与可视化
Design 出图
AI 生成与微调
陈腾骥
分享人:陈腾骥
2026.07

Give your ideas a glow up.

AI 在越来越多的工作场景中,已经具备替代人类的能力
过去我们还会调侃 AI 生成内容缺乏"灵魂",认为人工创作更具价值,本质上是在为情感与主观判断赋予溢价。

AI 协作工作流插画

TRAE

国内 trae.cn 国际 trae.ai
工作流截图
文档
设计
代码

TRAE WORK 的思路很简单粗暴,在日常的工作流场景中,Work、Design、Code 三个模式全在一个平台里,通过一体化的场景实现从想法到代码的全过程。

它想解决的问题很直接,以前做一个项目,需求在文档里写,设计在 Figma 里搞,代码在 IDE 里敲,三个环节三个工具。就算每个环节都有 AI 帮忙,每切一次工具,上下文就丢一次,你得重新解释背景和目标。

TRAE在贴合设计师真实工作流这件事上,做得比较前沿(其实也就是抄claude design) Design 模式设计稿能一键导出到 Figma,而且导过去的是自动拆分好的组件,直接就能接着编辑。

TRAE WORK 核心功能模块

AI 工作流形式核心的三件套

WORK

Work Mode

主要用于处理文档、数据、演示稿等日常办公任务。该模式更侧重于广泛的业务协作与内容生产,不局限于代码开发。

CODE

Code Mode

聚焦于编码、调试、代码库管理和 Git 工作流。适合需要深度参与软件开发、项目构建和技术实现的用户。

DESIGN

Design Mode

专用于生成和迭代界面设计的工作模式。可以通过自然语言描述需求、上传参考图或选择设计系统,让 AI 生成页面原型或高保真设计。

TRAE 功能截图

Work Smart, Not Hard

内容分析主要的提速助力是 skill 的应用

01

需求理解整理

快速理解产品需求、用户场景、交互规则、边界 case,集合技能去做内容分析和输出,提前规避需求漏洞

02

交互工作流

需求文档导入,Figma MCP 接入输出交互说明

03

定时信息任务

资讯获取,自动化工作流

WORK 截图 1 WORK 截图 2

Code with Confidence

通过自然语言描述就有内容产出

CODE 截图
核心价值

非写代码,而是控落地

设计师可直接查看代码可视化效果,实时发现交互细节问题。无需反复对接开发,掌握落地主动权。

新机会

设计师吃上产品实现这碗饭

强化设计师对最终产品的把控力,可以实现自己的任何想法。

Design & Fine-tune

目前为止最好的设计生成方式是(AI生成+人工微调

01

Figma 文件解析能力

团队的 Figma 设计文件直接丢进去,它会自己学习,把里面的组件样式全扒出来,自动生成一套 Design Library

02

设计稿编辑能力

对话整体改 选区块修改 元素修改
03

原型动态能力

热点跳转 Code 联动开发
04

导出能力

设计稿一键导出到 Figma,自动拆分好组件,直接就能接着编辑

DESIGN 截图

DESIGN 画布的三种编辑方式

DESIGN 编辑截图

one more thing

除此之外的一些功能

01

移动端控制

可以在手机端进行部分操作控制,但功能有限,体验一般

移动端控制
02

自定义模型

TRAE是免费的,但高峰期需要排队,可以通过自定义的地址添加使用模型 API 直接接入

03

技能

工作流提效的核心,可以自己写 skill,然后导入使用

技能
04

命令

简单的提示词快速调用,手动触发或者让 AI 自动识别触发,适合复用未达到 skill 程度的信息

命令

写在最后

AI 代替从来都不是岗位,需要多思考我们应该做些什么。

过去做设计,能力的一部分来自对工具的熟练度,会 Axure 就能当产品交互,会 PS 就能当设计师。

而这类 AI 工具改变了评判标准——它不再主要考验你"会不会做",而是更直接地考验你"到底想做什么"。当所有人都可以通过几句话就生成"看起来不错"的页面,真正拉开差距的,不再是产出速度,而是判断质量的能力。

思路清晰的人,会更容易把它用成放大器;而思路模糊的人,即便工具再强,也很难得到有质量的结果,因为它无法替你生成决策本身。

AI 不只是提升了能力上限,它也同步放大了一个人的思考密度与结构完整性。
它会放大内在丰富的人,也会暴露没有思考的人。