Alibaba добавила в TRAE Work режим Design для перехода от требований к коду в одном AI‑окружении

Платформа AI‑разработки TRAE Work от Alibaba получила новый режим Design. Он дополняет существующие этапы и собирает процесс в единую цепочку, от сбора требований до генерации кода. Раньше в системе было два режима: Work mode для обсуждения и формализации требований и Code mode для создания кода. Теперь между ними появился этап визуального проектирования.
В Design mode можно импортировать файлы Figma. Система автоматически извлекает элементы дизайн‑системы: фирменные цвета, типографику, стили компонентов. Есть и другой путь, описать желаемый стиль и сгенерировать систему с нуля. Функция Design Library поддерживает три варианта формирования дизайн‑языка: разбор файлов Figma, импорт дизайн‑спецификаций и свободное исследование стиля. Как сообщает Pandaily, во время тестирования TRAE разобрал файл Google Material Design Android UI Kit и извлёк палитры цветов, иерархии шрифтов и стили компонентов.
Редактировать интерфейс можно несколькими способами. Поддерживаются разговорные команды для глобальных изменений, правки через выделение элементов по принципу комментариев в документе, а также панель параметров для точной настройки. Например, пользователь может обвести элемент и на естественном языке задать правку: добавить овальную рамку или изменить цвет текста.
Когда дизайн готов, проект можно экспортировать в Figma для дальнейшей доработки или сразу перейти в Code mode и получить рабочий код интерфейса. При этом сохраняется контекст предыдущих этапов, поэтому информация не теряется при переходе между инструментами. По замыслу Alibaba, TRAE Work должна стать единой платформой полного цикла разработки, от идеи до развёрнутого продукта, и конкурировать с AI‑инструментами для дизайна вроде v0, Bolt и Galileo AI.
Ключевые факты
Alibaba добавила в платформу AI‑разработки TRAE Work новый режим Design mode, дополнив существующие Work mode для сбора требований и Code mode для генерации кода.
Design mode позволяет импортировать файлы Figma и автоматически извлекать дизайн‑систему, включая цвета бренда, типографику и стили компонентов.
В тестировании TRAE смог разобрать сложный файл Google Material Design Android UI Kit и извлечь палитры цветов, иерархии шрифтов и стили компонентов.
Функция Design Library поддерживает три способа формирования дизайн‑языка: разбор файлов Figma, импорт дизайн‑спецификаций и свободное исследование стиля.