Приложение за 15 минут на Gemini. Без единой строчки кода
Говорит Дизайнер | Сергей Булатов
0:00 / 0:00
Приложение за 15 минут на Gemini. Без единой строчки кода
237 просмотров · 6 месяцев назад
Говорит Дизайнер | Сергей Булатов
833 подписчика
237 просмотров · 6 месяцев назад
Вайбкодинг для дизайнера с нуля: показываю, как за 15 минут собрать простой рабочий цифровой продукт — таймер прямо в браузере — без кода и без разработчика. Использую бесплатную нейросеть Google Gemini. Это практичный старт в вайбкодинг для тех, кто в UX/UI дизайне и хочет делать интерфейсы и прототипы с помощью AI, а не только рисовать макеты.
Шаг за шагом:
1. Придумываем проект
2. Описываем его нейросети
3. Получаем работающий прототип
4. Даём AI правки по UI
5. Даём AI задачу добавить новый функционал
6. Забираем готовый рабочий продукт
Тайминг:
00:00 — Что такое вайбкодинг и зачем дизайнеру
01:55 — Формулируем запрос для Gemini
03:48 — Первый результат
05:43 — Делаем доработки визуала
07:20 — Результат с новым UI
07:51 — Добавляем новый функционал
09:27 — Финальный результат
10:12 — Вывод
Это пример того, как AI помогает быстро создавать рабочие интерфейсы и прототипы, даже если вы не разработчик и не пишете код руками.
Хватит паниковать из-за того, что нейросети отберут у нас работу. Искусственный интеллект не заменит UX-дизайнера, но дизайнеры, использующие нейросети, гарантированно заменят тех, кто их игнорирует. Чтобы не остаться за бортом индустрии — подписывайтесь на канал «Говорит Дизайнер». Здесь мы учимся управлять AI, а не бояться его.
Пишите в комментариях, какой цифровой продукт вы бы собрали на AI первым. И ставьте лайк, если видео было полезным.
━━━━━━━━━━━━━━━━━━━━━━━
🧑💻 Я — СЕРГЕЙ БУЛАТОВ. UX/UI и продуктовый дизайнер.
Помогаю дизайнерам начать работать с AI без страха и без хайпа. Обучаю дизайнеров и команды.
Сайт: https://sergeybulatov.ru
Telegram: https://t.me/pravkisdelal
Instagram: / govoritdesigner
По вопросам сотрудничества и обучения — пишите в Телеграм или Инстаграм
━━━━━━━━━━━━━━━━━━━━━━━
🎓 ОБУЧЕНИЕ ДЛЯ КОМАНД
Провожу воркшопы и лекции для дизайн-команд:
— Как внедрить AI в рабочий процесс дизайнера
— Figma + нейросети: практические кейсы
— Vibecoding для продуктовых команд
Запрос → https://t.me/pravkisdelal
━━━━━━━━━━━━━━━━━━━━━━━
📂 ПЛЕЙЛИСТЫ
• AI-инструменты для дизайнеров
• Вайбкодинг для дизайнеров: прототипы и при...
• Как дизайнеру научиться презентовать
• Публичные выступления о дизайне
• Figma с нуля
• Интервью с дизайнерами
━━━━━━━━━━━━━━━━━━━━━━━
🎵 МУЗЫКА ИЗ ВИДЕО
Все треки из моих роликов: https://t.me/echopodzemelia
#вайбкодинг #gemini #vibecoding #нейросетивдизайне #продуктовыйдизайн #безкода #vibecodingtutorial