m3e-canvas превращает набросок интерфейса Material 3 в промпт для ИИ

Создание интерфейса через ИИ часто упирается не в написание кода, а в точность постановки задачи. Фраза вроде «сделай современное Android-приложение» оставляет модели слишком много свободы: она сама выбирает расположение элементов, размеры кнопок, отступы и визуальный стиль. Проект m3e-canvas предлагает другой подход: сначала собрать экран визуально, а уже потом передать его структуру ИИ.

m3e-canvas опубликован как открытый проект на GitHub. Его задача заключается в создании экранов на основе Material 3 Expressive прямо в браузере с последующим преобразованием результата в промпт для инструментов AI-разработки. Пользователь размещает элементы интерфейса, настраивает структуру экранов и получает текстовое описание, которое можно использовать при генерации приложения.

Фото: lnkiai

Главная особенность проекта не в самом редакторе интерфейсов. Подобных инструментов существует много. Интерес представляет промежуточный слой между дизайнером и генеративной моделью. Вместо попытки словами описать расположение кнопок, карточек или навигации человек сначала создает визуальную схему, а затем передает машине уже структурированное представление.

Проект ориентирован на Material 3 Expressive, новую версию дизайн-системы Google, где больше внимания уделяется форме компонентов, анимациям и выразительности интерфейса. Сам по себе m3e-canvas не создает готовое приложение и не заменяет разработчика. Он сокращает этап подготовки задания для ИИ, где обычно теряется часть замысла.

Сейчас m3e-canvas выглядит как инструмент для быстрых прототипов и экспериментов с так называемым vibe-coding, когда разработчик описывает задачу искусственному интеллекту и дорабатывает полученный результат. Подтверждений, что такой подход полностью заменяет традиционную разработку интерфейсов, нет. Скорее, это способ уменьшить количество ручного описания между идеей и первым рабочим вариантом.

Фото: lnkiai

Интерес к подобным инструментам показывает изменение процесса создания программ. Раньше дизайнер передавал разработчику макет, а теперь все чаще появляется дополнительный участник процесса: модель ИИ, которой тоже требуется понятное техническое задание. m3e-canvas пытается сделать этот этап более формальным, превратив визуальный макет в набор инструкций.
Пока неизвестно, насколько удобным такой подход окажется для сложных приложений с большим количеством экранов и нестандартной логикой. Для простых мобильных интерфейсов он может сократить время от идеи до первого прототипа, но качество итогового кода все равно зависит от используемой модели ИИ и дальнейшей работы разработчика.