Мой AI-стек в 2026: чем я создаю сайты, приложения, дизайн и видео

За последние несколько лет разработка сильно изменилась.

Раньше для запуска digital-продукта приходилось отдельно искать разработчиков, дизайнеров, монтажёров, специалистов по контенту и постоянно переключаться между десятками инструментов.

AI не отменил необходимость понимать, что ты делаешь.

Но он очень сильно сократил путь между:

*«у меня появилась идея»*

и

*«у меня есть работающий продукт».*

В этой статье собрал инструменты, которыми я реально пользуюсь при работе над сайтами, приложениями и другими digital-продуктами.

Без подборки из 50 нейросетей.

Только то, что действительно может участвовать в рабочем процессе.

011. ChatGPT — центр всего процесса

Первое место достаточно очевидное.

ChatGPT для меня — это уже не просто окно, куда можно написать вопрос.

Я использую его практически на всех этапах работы над продуктом.

Например:

• разобрать идею;
• продумать структуру продукта;
• подготовить ТЗ;
• найти слабые места;
• проанализировать интерфейс;
• придумать механику;
• подготовить сценарий;
• проработать UX;
• написать контент;
• провести research;
• разобрать ошибку;
• подготовить задачу для разработки.

Главное изменение последних лет — AI стал не просто давать ответы.

С ним можно вести проект.

Ты постепенно передаёшь контекст, показываешь результаты, разбираешь проблемы и продолжаешь следующую итерацию.

022. Codex — разработка

Следующий инструмент — Codex.

И здесь начинается самое интересное.

Я использую его не в формате:

*«напиши мне HTML страницы».*

Задачи намного больше.

Например:

*«Проанализируй существующий проект, сделай backup, реализуй новую систему статей, проверь mobile, SEO, build и дай отчёт о том, что действительно было проверено».*

То есть AI получает не отдельный кусок кода, а полноценную инженерную задачу.

С его помощью можно работать с:

• frontend;
• backend;
• API;
• базами данных;
• мобильными приложениями;
• рефакторингом;
• тестами;
• SEO;
• инфраструктурой;
• исправлением багов.

Но здесь есть очень важное правило.

AI-разработке нужен контроль

Самая большая ошибка — написать:

*«Сделай мне крутой сайт».*

А потом ожидать production-ready результат.

Чем сложнее продукт, тем важнее:

1. сначала определить архитектуру;
2. разбить работу на этапы;
3. сохранять точки восстановления;
4. заставлять AI самостоятельно проводить проверки;
5. отдельно проводить визуальный QA;
6. не верить слову «готово», пока результат не проверен.

AI ускоряет разработку.

Он не отменяет инженерный процесс.

033. Figma — интерфейсы и визуальная система

Несмотря на развитие генеративного AI, Figma остаётся важной частью моего процесса.

Особенно когда речь идёт не о маленьком лендинге, а о полноценном продукте.

В Figma удобно держать:

• UI;
• компоненты;
• дизайн-систему;
• экраны приложения;
• состояния;
• пользовательские сценарии;
• прототипы.

Но сама роль Figma постепенно меняется.

Раньше:

*дизайн → разработчик → код.*

Теперь всё чаще:

*идея → AI → Figma → AI-разработка → визуальная проверка → итерация.*

Цикл становится значительно быстрее.

044. AI внутри Figma

Отдельно интересны AI-инструменты и плагины, которые работают непосредственно рядом с дизайном.

Их можно использовать для:

• генерации вариантов;
• работы с UI;
• быстрого прототипирования;
• контента;
• поиска визуального направления;
• автоматизации рутинных операций.

Я бы не пытался полностью заменить ими дизайнера.

Гораздо интереснее использовать AI как ускоритель.

То, на что раньше уходил час, иногда можно получить за несколько минут и дальше уже вручную довести до нужного уровня.

055. Google Veo — генерация видео

Ещё одна категория, которая очень сильно выросла, — AI-video.

Один из инструментов, которые я использую для таких задач, — Google Veo.

Зачем разработчику или digital-агентству вообще генератор видео?

Не обязательно для создания роликов в социальных сетях.

Видео становится частью самого продукта.

Например:

• cinematic hero на сайте;
• фон первого экрана;
• презентация продукта;
• рекламный тизер;
• onboarding;
• видео внутри приложения;
• визуальная история бренда.

Раньше для необычного 10-секундного hero можно было организовывать отдельную съёмку или покупать подходящий stock.

Теперь некоторые сцены можно создать специально под продукт.

И это открывает совершенно другой уровень web-дизайна.

066. Seedance — когда нужен cinematic AI-video

Ещё один инструмент в моём наборе — Seedance.

Особенно интересен он для сцен, где важны:

• движение камеры;
• атмосфера;
• последовательность событий;
• cinematic-подача;
• работа от референса;
• продолжение визуальной истории.

Например, можно сначала разработать концепцию сайта, затем создать несколько связанных сцен и встроить их в web experience.

Получается уже не просто:

*заголовок + картинка + кнопка.*

Сайт начинает работать почти как небольшой фильм.

Но здесь тоже есть проблема.

Красивое AI-видео ≠ хороший сайт

Если просто поставить огромный сгенерированный ролик на первый экран, продукт автоматически не станет премиальным.

Видео должно работать вместе с:

• типографикой;
• интерфейсом;
• scroll mechanics;
• композицией;
• performance;
• общей историей.

Поэтому AI-video для меня — это дополнительный материал для дизайна, а не замена самому дизайну.

077. Где искать хорошие референсы для сайтов

AI очень хорошо ускоряет производство.

Но сначала нужно понимать, что вообще хочется сделать.

Поэтому большую роль по-прежнему играют сайты с хорошими референсами.

Awwwards

Один из самых известных ресурсов с необычными сайтами.

Я бы использовал его в первую очередь для поиска:

• art direction;
• необычной композиции;
• storytelling;
• motion;
• переходов;
• нестандартной структуры страниц.

Главное — не пытаться скопировать победителя Awwwards целиком.

Лучше находить отдельные решения и понимать, почему они работают.

088. Godly

Ещё один отличный ресурс для web inspiration.

Мне нравится использовать такие площадки, когда хочется посмотреть более современные digital-продукты и landing pages.

Можно искать идеи для:

• hero;
• типографики;
• карточек;
• navigation;
• transitions;
• подачи продукта.

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

099. Mobbin

Если Awwwards и Godly больше помогают с визуальным направлением, то Mobbin интересен для продуктового UI.

Там удобно изучать реальные интерфейсы приложений и сайтов.

Например:

• onboarding;
• registration;
• checkout;
• profile;
• paywall;
• search;
• subscription;
• navigation.

Это особенно полезно при проектировании приложения.

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

1010. LottieFiles

Когда нужны небольшие готовые анимации и motion-элементы, полезен LottieFiles.

Lottie особенно хорошо подходит для:

• loaders;
• onboarding;
• empty states;
• success animations;
• небольших UI-анимаций;
• иллюстраций.

Не каждый элемент интерфейса требует тяжёлого видео или сложного WebGL.

Иногда маленькая аккуратная Lottie-анимация работает намного лучше.

1111. Как выглядит мой workflow

Самое интересное — не отдельные инструменты.

Самое интересное начинается, когда они работают вместе.

Условно процесс может выглядеть так.

Этап 1 — идея

Есть базовая мысль:

*«Хочу сделать приложение / сервис / необычный сайт».*

Сначала разбираю идею через ChatGPT.

Что за продукт?

Для кого?

Какая главная ценность?

Что должно быть в MVP?

Какие есть слабые места?

Этап 2 — research

Изучаем:

• конкурентов;
• рынок;
• существующие решения;
• UX;
• визуальные референсы.

Здесь уже могут появляться Awwwards, Godly, Mobbin и другие источники.

Этап 3 — дизайн

Определяем:

• visual direction;
• typography;
• grid;
• UI;
• ключевые экраны;
• interaction.

Для сложного продукта подключается Figma.

Этап 4 — разработка

Передаём подготовленный контекст Codex.

Но не:

*«Сделай приложение».*

А нормальное техническое задание с:

• архитектурой;
• ограничениями;
• этапами;
• критериями готовности;
• тестами;
• rollback.

Этап 5 — motion и AI-video

Если продукту действительно нужен wow-effect, подключаем Veo, Seedance и другие инструменты.

Создаём материал специально под интерфейс.

Не наоборот.

Этап 6 — QA

Проверяем всё руками.

Особенно:

• mobile;
• скорость;
• реальные устройства;
• формы;
• авторизацию;
• edge cases;
• анимации;
• текст;
• SEO;
• accessibility.

AI способен написать тысячи строк хорошего кода.

И одновременно оставить кнопку, которая не работает.

Поэтому QA никуда не исчез.

12Самый важный инструмент — не нейросеть

Можно купить подписку на ChatGPT.

Можно подключить Codex.

Можно открыть Figma.

Можно сгенерировать невероятно красивое видео.

Но это ещё не создаёт хороший продукт.

Самый важный навык сейчас — уметь собрать инструменты в единый процесс.

Понимать:

что нужно сделать;

в какой последовательности;

какому инструменту отдать конкретную задачу;

как проверить результат;

когда остановить AI и сделать что-то вручную.

Мне кажется, именно это и есть современный vibe coding в нормальном понимании.

Не:

*«нейросеть сделала всё за меня».*

А:

*«я могу значительно быстрее пройти путь от идеи до работающего продукта».*

И разница между этими двумя подходами огромная.

13Мой основной стек

Если максимально коротко:

ChatGPT — мышление, research, тексты, анализ и управление задачами.

Codex — разработка, работа с кодовой базой, тестирование и технические задачи.

Figma — интерфейсы, UX и дизайн-система.

Google Veo — генерация видео и cinematic assets.

Seedance — AI-video, последовательные сцены и визуальные истории.

Awwwards / Godly — web inspiration.

Mobbin — продуктовый UI и UX-паттерны.

LottieFiles — готовые motion-элементы.

Но через полгода этот список наверняка изменится.

И это нормально.

Конкретный AI-инструмент сегодня может быть лучшим, а через несколько месяцев его место займёт другой.

Поэтому важнее не привязываться к одной нейросети.

Нужно научиться строить процессы вокруг AI.

14Что дальше?

В App Discount Academy мы будем отдельно разбирать каждый этап.

Как работать с Codex.

Как составлять нормальные промпты для разработки.

Как создавать сайты с AI.

Как использовать AI-video в интерфейсах.

Где искать дизайн-референсы.

Как превратить идею в MVP.

И главное — будем разбирать это на реальных задачах, а не только в теории.

*App Discount Academy*

Практические материалы об AI, разработке, дизайне и создании digital-продуктов.