Сайт без Figma: как собрать интерактив с помощью ИИ

Дизайнер Дмитрий Тогулев провел эксперимент и собрал интерактивный сайт-портфолио с управлением жестами через веб-камеру. При этом он ни разу не открыл Figma. Весь код для проекта написал ИИ-помощник Claude Code.

Для меня этот кейс – важный прецедент. Он показывает: привычную цепочку производства промосайтов и интерактивных инсталляций можно сильно сократить. Это позволяет исключить этап долгой отрисовки макетов и ручной верстки с нуля. Но здесь кроется главная опасность – незаметно скатиться в безликие шаблонные решения от нейросети. Чтобы этого избежать, продюсеру нужно менять подход к управлению творческим процессом.

Опасность ИИ-слопа и как её обойти

При работе с генеративными инструментами команды часто попадают в ловушку «ИИ-слопа» (AI slop). Это шаблонный визуальный мусор, когда все проекты начинают выглядеть одинаково. Нейросети предлагают проверенные и безопасные варианты: стандартную сетку блоков, дефолтные шрифты, мелкие надписи над заголовками и привычные маркетинговые штампы. В итоге проект теряет уникальность, за которую клиенты платят агентствам.

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

Отказ от макетов ради живого продукта

Классический цикл веб-разработки в агентствах неповоротлив: дизайнер рисует экраны в Figma, менеджер утверждает их с клиентом, а потом верстальщик пытается оживить эту статику. На каждом этапе теряются время и бюджет. Метод «вайб-кодинга» ломает эту схему. ИИ-ассистент пишет код напрямую по текстовым запросам человека.

Вместо плоской картинки команда сразу получает рабочий интерактивный прототип. Claude Code самостоятельно подобрал библиотеки для работы с 3D-графикой (Three.js) и распознавания жестов. Автор получил готовый сайт за то время, которое обычно уходит только на прорисовку макетов и написание ТЗ. Для агентств это шанс кратно ускорить тесты, удешевить производство сложных промокампаний и тратить ресурсы на полировку идеи, а не на техническую рутину.

Насмотренность как главный инструмент контроля

ИИ не умеет тонко чувствовать стиль и не обладает вкусом. Claude Code предложил добавить яркие янтарные акценты в шрифты. Это выглядело дешево и разрушало фокус на главном – 3D-отражении пользователя. Вкус и насмотренность человека заменить невозможно.

Я убежден, что продюсер или арт-директор должен работать в режиме постоянного ревью. Первый результат от ИИ – это всегда черновик. Нельзя просто отвергать плохие варианты. Нужно объяснять нейросети, почему они не подходят и на что их заменить. Например, вместо скучного текстового туториала на сайте автора появилась «призрачная рука». Это визуальная подсказка в виде записи реального жеста. Автор взял эту механику из геймдева. Такое решение рождается только из человеческого опыта, нейросеть сама его не придумает.

В новой реальности ценность агентства смещается от технического исполнения к жесткому арт-дирекшену и умению вовремя сказать «нет». Конечную ответственность за продукт все равно несет человек. Только через сотни мелких итераций и ручную доводку деталей можно превратить стандартный код нейросети в премиальный и запоминающийся диджитал-продукт.