В 2026 году ИИ-конструктор может создать работающую 3D-сцену по описанию, примерно за минуту сгенерировать модель с текстурами и написать основу проекта на Three.js. Но выдать готовый сайт, который быстро работает на телефонах, соответствует стилю бренда, доступен людям с разными потребностями и удобен в поддержке, он пока не может. Используйте ИИ для прототипов, вспомогательных объектов и заготовок кода. Главную модель товара, ограничения по производительности и всё, по чему покупатель будет судить о вашем продукте, доверяйте специалистам.
Разбираем доступные инструменты, их ограничения и то, как мы используем их в ASFARI digital.
Что уже умеют ИИ-инструменты для 3D-сайтов
| Тип инструмента | Пример | Что вы получите | На что обратить внимание |
|---|---|---|---|
| Генерация 3D-сцен по описанию | Rosebud AI | По описанию создаёт код Three.js и работающий предпросмотр | Экспорт и встраивание зависят от тарифа |
| ИИ в редакторе 3D-дизайна | Spline AI | Редактируемые 3D-объекты, текстуры и варианты стиля по тексту или изображениям | Кредиты входят в платные тарифы; результат остаётся в Spline |
| Генерация 3D-моделей по тексту или изображению | Meshy | Модель с текстурами, которую можно экспортировать в GLB, FBX, USDZ и другие форматы | Нужно дорабатывать топологию и уменьшать число полигонов |
| ИИ-помощники для написания кода | Универсальные модели для работы с кодом | Основа проекта на Three.js / React Three Fiber, черновики шейдеров | Разработчик должен проверить код и отвечать за его дальнейшую поддержку |
Вот что о возможностях своих продуктов говорят сами разработчики:
- Rosebud утверждает, что его ИИ «создаёт сцену, взаимодействия и код Three.js». На любом тарифе проект можно бесплатно опубликовать по ссылке rosebud.ai, но встраивание и полный экспорт доступны на более дорогих тарифах. Rosebud также предупреждает, что не заменяет CMS, блог или магазин.
- Spline заявляет, что превращает «текстовые запросы и изображения в редактируемый 3D-контент за секунды». Кредиты для ИИ входят в платные тарифы.
- Meshy обещает модель «примерно за минуту» с картами PBR-текстур разрешением 2K-8K.
Это заявления поставщиков. Быстро получить результат ещё не значит получить то, что подходит вашему сайту.
Где у сгенерированных 3D-сайтов возникают проблемы
Производительность
Сгенерированные модели часто содержат слишком много полигонов. В созданных ИИ сценах редко предусмотрены сжатие, настройки для разных устройств и упрощённая версия. На ноутбуке всё выглядит нормально, а на смартфоне среднего класса начинает тормозить. В руководстве по сайтам на Three.js объясняем, какие этапы нужны, чтобы подготовить такой проект к запуску.
Фирменный стиль
Похожие запросы дают похожие результаты. Попросите десять инструментов сделать «парящий товар с мягким освещением» и получите десять вариаций одной идеи. Характер бренда складывается из конкретного выбора материалов, ритма и меры в эффектах. В общем запросе этих решений как раз и нет.
Точность изображения товара
Кроссовок, созданный ИИ, похож на кроссовок, но это не ваша конкретная модель. Для интернет-магазина нужно точно передать форму, цвет и масштаб реального товара. Мы бы не стали использовать сгенерированную модель для главного изображения продукта.
Доступность
На сгенерированных сайтах редко учитывают prefers-reduced-motion, управление с клавиатуры и требование WCAG 2.2: движущийся контент должно быть возможно приостановить, остановить или скрыть (2.2.2, уровень A).
Контроль над проектом
Можно ли экспортировать сцену? Разберётся ли ваш разработчик в коде и сможет ли обновить его при изменении товара? Проверьте это до начала работы.
Как составить полезный запрос для 3D-сайта
Чем расплывчатее запрос, тем неопределённее результат. Укажите объект, материалы, камеру, взаимодействия и ограничения:
Первый экран для премиального флакона духов без бренда.
Объект: гранёный стеклянный флакон с крышкой из шлифованного металла, по центру.
Материалы: прозрачное стекло с лёгким голубым оттенком, шлифованная сталь, угольно-чёрный фон.
Освещение: один тёплый рисующий источник слева сверху, мягкий контровой свет, лёгкая дымка.
Камера: 35 мм, медленный облёт на 15 градусов при прокрутке, без автоматического вращения.
Взаимодействие: флакон слегка наклоняется к курсору, максимум на 8 градусов.
Ограничения: одна модель, менее 100 000 треугольников, без постобработки,
статичная заставка при включённом prefers-reduced-motion.
Текст: все заголовки и надписи кнопок оставить в HTML, не размещать в 3D-сцене.Две последние строки особенно важны: они задают ограничения и оставляют контент в HTML, где его может прочитать Google.
Как ASFARI digital использует ИИ в работе
Мы используем ИИ каждую неделю, выбирая задачи, где это не обернётся потерями для клиента.
- Эскизы ключевых кадров. Сначала с помощью ИИ согласуем настроение, а затем приступаем к моделированию.
- Пробные прототипы. Создаём сцены по описанию, чтобы проверить, удобно ли взаимодействие. После проверки удаляем их.
- Фоновые объекты. Генерируем модели камней или абстрактных фигур, затем перестраиваем сетку, чтобы облегчить модель, и сжимаем до согласованного размера.
- Заготовки кода. Типовой код и черновики шейдеров всегда проверяет и перерабатывает разработчик.
За специалистами остаются главная модель товара, характер анимации, ограничения по производительности, доступность и окончательный код.
Когда конструктора достаточно
Конструктора достаточно для демонстрации идеи заказчику, внутреннего прототипа или небольшого сайта краткосрочной кампании. Для продающей карточки товара, сайта с задачей выйти в поиск или запуска, по которому будут судить о бренде, его возможностей мало.
Если выбираете между no-code и разработкой с нуля, прочитайте сравнение Webflow, Framer и индивидуальной разработки. Цены разбираем в руководстве по стоимости 3D-сайтов.
