TRAE Work Launches Design Mode: Bridging Requirements, Design, and Code

TRAE Work recently launched its Design mode, which, together with the existing Work (requirements) and Code modes, forms an end-to-end workflow from requirements to design to code. This mode supports importing Figma files to automatically extract design systems (colors, fonts, components, etc.), and also allows establishing design context through style exploration or built-in brand libraries. Users can modify designs on the canvas via conversation, box selection, or panel parameters, and export them to Figma or jump directly to Code mode for development with one click. Real-world tests show that Design mode effectively maintains brand consistency, reduces context loss when switching between tools, and compresses the multi-round collaboration process among product, design, and front-end teams to within one hour. However, AI remains conservative in creative aspects such as visual impact, requiring manual supplementation. This mode aims to address common pain points in AI design tools—such as "not recognizing design systems," "weak editing capabilities," and "tool silos"—to promote design asset reuse and workflow integration.