一位 UI 设计师的产研同行故事

我是一名深耕三维国风交互场景的 UI 设计师,日常核心工作是输出高保真界面、搭建可漫游 3D 页面原型,还要产出能直接发给产品、前端、甲方演示的网页 Demo。在此之前,我的工作流长期割裂:Figma 做设计稿、单独写交互原型、导出截图再对接前端复现页面,跨工具传递需求总会出现视觉偏差、交互逻辑丢失,改稿、对齐、做演示页面往往要耗费大量重复时间。

2026 年 6 月,TraeWork 上线 Design 设计模式,我第一次接触到这款一体化工作台,瞬间打通了我碎片化的设计流程。它 Work、Design、Code 三大模式共享同一套需求上下文,不用反复复制素材、重复描述设计规范,从需求梳理、界面绘制、交互原型到可预览网页 Demo,全程能在一个平台闭环完成,完美匹配我做交互场景展示的需求。

最让我印象深刻的一次,是交付尧舜禹上古部落 3D 探索场景项目。当时甲方需要可点击跳转、带部落知识点交互的网页 Demo,传统流程要先出设计稿、再和前端对接写交互代码,工期至少两天。我在 TraeWork 里上传国风设计参考图,输入完整场景提示词,AI 快速生成整套低多边形 3D 场景界面;通过对话调整部落层级、柔光氛围、交互高亮特效,确认视觉后一键切换 Code 模式,直接生成可独立运行的 HTML 网页 Demo。生成链接就能发给甲方在线漫游预览,电脑、手机自适应展示,省去导出、部署、反复对齐视觉的繁琐步骤,原本两天的工作压缩到半天完成,客户当场确认方案,彻底解决了我静态图纸无法展示真实交互的痛点。

长久使用下来,TraeWork 已经成为我离不开的协作搭档:导入 Figma 文件自动提取设计系统,自然语言微调页面细节,云端储存所有场景素材,外出也能随时打开 Workspace 修改 Demo,多任务并行处理大幅降低了重复劳动。

对于未来,我也有满心期待。希望 TraeWork 能进一步强化 3D 场景渲染能力,支持 Spline、国风三维模型直接导入编辑;拓展更多游戏化交互组件模板,适配我长期制作的历史时空漫游 Demo;同时优化多端预览的光影还原度,让网页 Demo 的质感无限贴近最终上线效果,让 UI 设计师真正做到 “设计即成品”,彻底抹平设计与开发之间的鸿沟。

AI用来设计确实还是很好用的!

它其实拓展了设计师的能力,让设计师回归设计本身!