2026 年 6 月 24 日,TRAE Work 正式推出重磅更新 ——Design 设计模式,桌面端、网页端同步上线,国内与国际版本同步开放。不同于市面上只做 AI 一键出图的工具,它补齐了产品工作流里缺失的设计环节,实现需求、设计、原型、开发同平台闭环,真正做到 “用说话做设计,画布直接产出可落地原型”。

一、自然语言生成设计
传统 AI 设计工具普遍存在痛点:输入文字只能生成静态效果图,微调需要反复重写提示词,无法局部精准修改,更难产出可用于团队评审的交互原型。
而 Design 模式完全重构了设计交互逻辑:
一句话生成整套方案
只需用日常语言描述页面需求,搭配内置多套品牌风格模板,AI 快速输出贴合业务定位的完整设计稿,大幅节省前期构思时间。
两种修改方式随心切换
既可以继续对话下达调整指令,也能直接在画布框选元素手动精细调整,所有修改实时预览,不用反复重新生成整张页面。
自动生成交互原型用于评审
设计稿定稿后,可一键转换可交互原型,团队线上评审、收集反馈更直观,省去额外原型工具导出、同步的步骤。
二、兼容 Figma 导入
很多团队迟迟不愿切换 AI 设计工具,核心顾虑是现有组件库、视觉规范无法迁移,重新搭建成本过高。Design 模式针对性解决资产兼容问题:
支持导入本地 Figma 文件,自动解析提取品牌色、字体、组件、布局规则,一键生成专属 Design Library 设计库;
AI 生成设计时会严格遵循团队自有视觉规范,产出稿件统一品牌调性;
用户也能手动自定义设计规范,后续所有生成内容自动对齐标准,避免风格混乱,大幅降低工具迁移成本。
三、设计一键转代码
Design 并非独立功能,而是 TRAE Work 完整工作流的核心一环,平台内置 Work、Design、Code 三大模式,全程共享同一套需求上下文,不用跨工具重复同步信息:
Work 模式梳理业务需求、拆解项目任务;
Design 模式完成视觉设计、制作交互原型;
设计成果一键导入 Code 模式,AI 自动基于页面生成完整前端项目代码。
全程在同一平台内自由切换,杜绝频繁切换工具导致的信息丢失,设计与开发衔接效率大幅提升,解决长期以来设计稿交付开发反复对齐、标注的低效问题。
四、覆盖全岗位人群
这套设计能力不只是面向专业 UI 设计师,产品、开发、小团队运营都能高效使用:
设计师:快速产出多套方案,自动完成标准化重复页面,把精力聚焦创意与细节打磨;
独立开发者:不用依赖外包设计师,自主生成配套界面,实现从设计到开发完整闭环;
产品经理:需求描述直接转化高保真页面原型,减少和设计师反复沟通对齐的时间;
创业 / 小型团队:一套工具搞定需求、设计、开发,无需采购多款付费工具,低成本完成项目落地。
过去 AI 设计大多停留在 “快速出效果图” 阶段,而 TRAE Work Design 模式把设计变成可迭代、可复用、可直接交付开发的标准化环节,彻底降低可视化表达门槛,让任何岗位都能快速把想法变成可落地的视觉方案。
引用资料





