ДИЗАЙН ВЫХОДНЫЕ · РОСТОВ ВЕЛИКИЙ
A. ЦАЙ / DOJO MEDIA
01
ЛЕКЦИЯ № 01 / 35 МИНУТ
ИИ забрал рутину — и вернул мне креатив.
ANDREW TSAY
→ DOJO-MEDIA.RU
WHO IS SPEAKING
03 / 51
ОБО МНЕ
Андрей Цай.
Основатель Dojo Media . Делаем сайты, SEO/GEO и digital для клиентов в РФ, ЕС и США. Доцент ЯрГУ. AI-энтузиаст.
DOJO-MEDIA.RU
@ANDREI7685
SPEAKER
EST. 1985
РЕГАЛИИ · DOJO MEDIA
04 / 52
РЕЙТИНГИ · НАГРАДЫ · СЕРТИФИКАТЫ
.
EST. 2014 15+ ЛЕТ В РЫНКЕ
1
МЕСТО
SEO-продвижение сайтов
2
МЕСТО
Комплексное продвижение 360
2
МЕСТО
Разработка и продвижение сайтов
2
МЕСТО
SMM-агентства
2
МЕСТО
Веб-разработка на no-code
3
МЕСТО
Агентства контекстной рекламы
4
МЕСТО
Ведущие веб-разработчики
3
САЙТА
Made on Tilda — подборка
×2
TAGLINE
digital-премия: серебро · бронза
Hugging Face
сертификат по ИИ-агентам — пайплайны и оркестрация
7
СТРАН
РФ · Корея · США · ОАЭ · Швейцария · Германия · Гонконг
DOJO-MEDIA.RU
RANKINGS · AWARDS · CERTS
ФИЛОСОФИЯ
40 / 51
ГЕГЕЛЬ · НАУКА ЛОГИКИ · 1812
Закон перехода количества в качество
Изменения копятся постепенно — реализуются скачкообразно.
Сейчас — первая итерация ИИ для вебдиза. Скачок качества впереди, поэтому кушаем нейрослоп кими 2.6.
HEGEL · 1812
40 / 51
opus 4.6/4.7.
ФИЛОСОФИЯ · СТАВКА
— / 51
ГЕГЕЛЬ · СКАЧОК С ДАТОЙ
Ставка: Q2 2028.
Сегодня ИИ-дизайн — «слоп?»: картинка без системы. Скачок засчитан, когда один промпт отдаёт дизайн-систему, а не страницу. Дата проверки — Q2 2028. Аналогия с ввайб кодингом от roo до opus 4.6.
HEGEL · BET
THE LEAP
МАНИФЕСТ
02 / 51
ОТ — К
«сделай кнопку»
→ «придумай продукт»
Новая роль дизайнера — не исполнитель, а автор.
A. TSAY · 2026
MANIFESTO
POV · ИНДУСТРИЯ
07 / 51
ПРОВОКАЦИЯ № 1
Не будет мидл сениор.
Грейды — артефакт мира, в котором знание накапливалось медленно.
PART · II
NEW STRUCTURE
ГРЕЙДЫ · ЧТО ЭТО БЫЛО
08 / 51
Что есть сейчас.
🙈
Pre-Junior
умеет работать с инструментами, но не понимает логику проектирования и связь элементов в системе.
🙄
Junior
копирует чьи-то решения, тем самым обучаясь.
❤️
Middle
копирует лучше + добавляет аналитику в свою работу.
✍️
Senior
насмотренность, best practice, экспертные рекомендации: «на рынке делают так — вам подойдёт это».
💪
GENIUS!
малый процент. Используют решения, которых ещё не существует.
HIERARCHY
 
ТЕЗИС
09 / 51
“
В эпоху ИИ не будет грейдов. Будет единственный скилл: нормальный исполнительный человек, который быстро адаптируется и не боится изменений.
— ANON, FACEBOOK · СОВПАДАЕТ С МОИМ МНЕНИЕМ НА 1000%
QUOTE
09 / 51
ПРОВОКАЦИЯ № 1.5
10 / 51
ЦЕНА ВХОДА
Барьер в дизайн упал до нуля?????????????????.
2015
·
курсы, год обучения
·
портфолио из нуля
·
стажировка
·
«джуны 5 лет до мидла»
→
 
2026
// КОНКУРЕНЦИЯ ТЕПЕРЬ НЕ ЗА НАВЫК — ЗА ВКУС И НАСМОТРЕННОСТЬ.
ENTRY COST = 0
10 / 51
POV · НАВЫК
— / 51
ВКУС ≠ НАСМОТРЕННОСТЬ
297 из 300 — мимо.
Насмотренность без иерархии — это лента. Вкус — это фильтр: отбраковать 297 из 300 за две минуты и объяснить почему. ИИ не создал этот навык.
TASTE ≠ FEED
THE FILTER
ЧАСТЬ III
11 / 51
↓ ПРАКТИКА
Эксперименты.
Claude · Codex · MCP · ComfyUI · собственные пайплайны
PART · III / V
HANDS ON
ЭКСПЕРИМЕНТ · 00
12 / 51
МОИ ЭКСПЕРИМЕНТЫ С
Claude Design.
Серия попыток отдать ИИ задачи, которые раньше занимали дни. Что вышло — на следующих 5 слайдах.
→ 5 КЕЙСОВ · СЛЕДУЮЩИЕ 5 СЛАЙДОВ
EXPERIMENTS · INTRO
12 / 51
ЗА ПОСЛЕДНИЙ ГОД
13 / 51
ЧТО Я ПЕРЕСТАЛ ДЕЛАТЬ РУКАМИ
Рутина ушла → креатив вернулся.
Ресайз макетов.
Подбор палитр.
Иконки.
Первые драфты копирайта.
Презентации. ↑ эту в т. ч.
Брифы и ТЗ.
// ВРЕМЯ, КОТОРОЕ ОСВОБОДИЛОСЬ — УШЛО В ИДЕИ.
DELEGATED TO AI
13 / 51
ЭКСПЕРИМЕНТ · 01
14 / 51
CASE / 01 OF 05
Лендинг
От брифа до готового макета. Промт + ручная доработка.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
14 / 51
ЭКСПЕРИМЕНТ · 02
15 / 51
CASE / 02 OF 05
Перебор вариаций.
20 версий хедера за час — клиент выбрал № 14.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
15 / 51
ЭКСПЕРИМЕНТ · 02
15 / 51
CASE / 02 OF 05
Перебор вариаций.
.
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
15 / 51
ЭКСПЕРИМЕНТ · 03
16 / 51
Прототип → код.
CASE / 03 OF 05
CLAUDE DESIGN
16 / 51
МГНОВЕННОЕ ТЕСТИРОВНАНИЕ ГИПОТЕЗ БИЗНЕСА
 
18 / 51
CASE / 05 OF 05
Любимый кадр.
 
18 / 51
ЭКСПЕРИМЕНТ · 05
18 / 51
CASE / 05 OF 05
Любимый кадр.
CLAUDE DESIGN
18 / 51
ЭКСПЕРИМЕНТ · 00
12 / 51
МОИ ЭКСПЕРИМЕНТЫ С
OPEN Design.
Возможно будущий стандарт вебдиза, изначально ИИ продукт с самым быстрым развитием на рынке
 
EXPERIMENTS · INTRO
12 / 51
NODES
28 / 51
COMFYUI
WORKFLOW / NODE —
возможно,лучшее что есть для творчества.
Комфи Был одним из первых. Остаётся лучшим — потому что даёт абсолютную свободу творчества.
NODE-BASED THINKING
TOOLS
28 / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
 
— / 51
 
DIPTYCH
A ·
B ·
SIDE BY SIDE
— / 51
МОЙ ИНСТРУМЕНТ
21 / 51
ХОББИ → ИНСТРУМЕНТ
Свой генератор PIXEL и анимации.
Для своей пошаговой стратегии. Полностью кастомный пайплайн поверх open-source и API моделей.
ПИКСЕЛЬ-АРТ
SPRITE-SHEETS
ИДЛ-АНИМАЦИИ
PIXEL ENGINE · CUSTOM PIPELINE
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
CUSTOM TOOL
21 / 51
COMFYUI · КАК, А НЕ ЧТО
— / 51
INPUT → NODES → SPRITE-SHEET
Мой пиксель-движок — по нодам.
01 · БАЗА
FLUX + LoRA.
Базовый спрайт — своя LoRA на пиксель-арт. txt2img даёт кашу.
→
02 · НОДЫ
ControlNet.
Поза и силуэт держит ControlNet. Без него кадры idle-анимации не совпадают.
→
03 · СБОРКА
Sprite-sheet.
Палитра квантуется, кадры режутся в лист, idle собирается скриптом.
8-BIT
// БАЗА В SDXL · ПОЗА НОДАМИ · ЛИСТ СКРИПТОМ — НАИВНЫЙ TXT2IMG ТУТ НЕ ТЯНЕТ
NODE GRAPH
— / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
· ДВА КАДРА
— / 51
 
DIPTYCH
 
 
SIDE BY SIDE
— / 51
МОЙ ИНСТРУМЕНТ
21 / 51
 
RUSSIA??? WHERE?? BABAYAGA? IVAN TSAREVISH?
CUSTOM TOOL
21 / 51
МОЙ ИНСТРУМЕНТ
21 / 51
 
Как обучить свою LoRA для FLUX?
1. Собрать 20–100 изображений в одном стиле
2. Подписать каждую картинку: что на ней изображено
3. Задать уникальный trigger word: dojo_pixel_rpg
4. Обучить через FluxGym / AI Toolkit / Kohya
5. Получить файл .safetensors
6. Подключить LoRA в ComfyUI
7. Использовать в промте:
dojo_pixel_rpg, fantasy knight, sword, pixel art
ПИКСЕЛЬ-АРТ
SPRITE-SHEETS
 
PIXEL ENGINE · CUSTOM PIPELINE
CUSTOM TOOL
21 / 51
· ДВА КАДРА
— / 51
 
 
 
 
SIDE BY SIDE
— / 51
15-20 фото + ключевое слово для вызова персонажа + стиль + формат
· ДВА КАДРА
— / 51
 
 
 
SIDE BY SIDE
— / 51
 
21 / 51
CUSTOM TOOL
21 / 51
 
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
 
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
 
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
 
↓ ПОДПИСЬ ЗАМЕНИТЬ
CLAUDE DESIGN
17 / 51
АНТИ-КЕЙС
19 / 51
ГДЕ ИИ ОБЛАЖАЛСЯ
TR.
→
context drift на длинных сессиях
→
тормоза в пиковые часы
→
галлюцинации в цифрах и ссылках
→
«уверенный неправильный» ответ
FAIL CASE
19 / 51
АНТИ-КЕЙС
19 / 51
ГДЕ ИИ ОБЛАЖАЛСЯ
 
Ограничение контекста — одна из ключевых проблем дизайна LLM-продуктов. Модель работает в пределах фиксированного окна: всё, что выходит за него, теряется. Это влияет на длинные диалоги, работу с документами и согласованность ответов. Задача дизайнера — сделать это ограничение видимым и управляемым, а не превращать в баг для пользователя. «Модель забывает: чем длиннее диалог, тем хуже она помнит начало»
FAIL CASE
19 / 51
АНТИ-КЕЙС · ЖИВОЙ
— / 51
РЕАЛЬНЫЙ ПРОВАЛ · СО ШРАМОМ
Где это стоило денег?
→
КЛИЕНТ — интернет-магазин,
→
ИИ НАЛАЖАЛ — галлюцинации в ценах товаров
→
ЦЕНА — недели правок
→
ФИКС — сверка каждой цифры руками
REAL SCAR
— / 51
ВАЖНЫЙ МИНУС
20 / 51
ВАЖНЫЙ МИНУС
Его величество SEED.
SEED
регулировать сложно
ТОЧНОСТЬ ПРОМТА
random
// когда одинаковый промт // даёт 5 разных результатов — // это не баг, это природа / но в комфи есть регулятор сида.
LIMITATION
20 / 51
ВАЖНЫЙ МИНУС
20 / 51
 
Консистентность—все блоки сайта выглядят как часть одной дизайн-системы: одинаковые шрифты, отступы, цвета, стиль кнопок и логика интерфейса.
SEED
регулировать можно
ТОЧНОСТЬ ПРОМТА
???
 
LIMITATION
20 / 51
MCP · РЕВОЛЮЦИЯ
26 / 51
MODEL CONTEXT PROTOCOL
MCPMODEL CONTEXT PROTOCOL
FIGMA
→
BLENDER
→
AFTER FX
→
ВСЁ СРАЗУ
через ИИ
NEW STACK
26 / 51
МОЙ ПАЙПЛАЙН
23 / 51
DESIGN → REFINE → SHIP
Три инструмента — один пайплайн.
01 · ДИЗАЙН
Claude Design.
Десятки концептов за вечер. Видишь систему сразу, а не строкой за строкой.
→
02 · ДОРАБОТКА
Руками.
Финальные миллиметры — вкус, ритм, типографика. Здесь машина пока не заменяет.
→
03 · КОД
Codex.
 
$100 / MO
// ДИЗАЙНИМ В CLAUDE · ДОВОДИМ РУКАМИ · КОДИМ CODEX'ОМ
WORKFLOW
23 / 51
ПЕРЕНОС ЗНАНИЙ
24 / 51
Skills + Codex. Перенос знаний на новом уровне.
БЫЛО
от специалиста к специалисту
10+ лет
→
СТАЛО
копирование контекста
X( X).
// знания, которые копились столетиями, передаются за секунду.
KNOWLEDGE TRANSFER
24 / 51
СТОИМОСТЬ МОЕГО СТЕКА
25 / 51
USD / МЕСЯЦ
MONEY $ .
CLAUDE MAX
$200
CODEX
$200
FIGMA
$0
COMFYUI
free + своё железо
OPENROUTER
~$200 в день )
ИТОГО / МЕС
 
 
STACK COST
25 / 51
АНТИ-ПРОМТ
27 / 51
СТАРЫЙ НАВЫК В НОВОЙ ОБЁРТКЕ
Хороший промт — это заклинание?. это ТЗ.
То самое ТЗ, которое дизайнер всегда писал клиенту. Теперь — машине.
OLD SKILL · NEW WRAP
27 / 51
POV · РЫНОК
— / 51
ПАРАДОКС, О КОТОРОМ МОЛЧАТ
Один стек — один вид?.
Claude, v0, Lovable — у всех похоже. Тёмный фон, фиолетовый градиент, терминал-мокап: рынок усредняется. Визуальная дифференциация схлопывается. Выход — эклектика.
SAMENESS
ECLECTIC = EXIT
ПРИНЦИП
34 / 51
Эклектика — двигатель нового?!.
 
+
 
=
 
 
METHOD
34 / 51
ТРЕНИРОВКА КРЕАТИВНОСТИ
— / 51
КАК ТРЕНИРОВАТЬ · ЧЕРЕЗ ЭКЛЕКТИЧНОСТЬ
Тренировка креативности через эклектику.
креативность
= творчество = насмотренность
насмотренность
= кругозор / опыт / ХХХХ
эклектичность
= микс вашей насмотренности → нечто новое
N.B.
Эклектичность не следует путать с хаотичным или бессистемным смешением.
METHOD · SETUP
— / 51
КЕЙС · 01
04 / 51
HIP-HOP DIGITAL AGENCY
Задача, которую люди не вытягивали.
СРОК
3 нед.
КОМАНДА
2 чел.
ИНТЕРАКТИВ
XDA
CASE STUDY
→ DOJO-MEDIA.RU/HIP-HOP
КЕЙС · 01
05 / 51
ИНСТРУМЕНТ
Framer сдвинул то, что мы не могли.
→
анимации без 3 месяцев фронтенда
→
прототип = продакшн
→
правки в тот же день
DOJO-MEDIA.RU/HIP-HOP-DIGITAL-AGENCY
FRAMER
2025
ЭКСПЕРИМЕНТ · 04
17 / 51
CASE / 04 OF 05
HIP HOP DIGITAL AGENCY
↓ АНДРЕЙ ЦАЙ
CLAUDE DESIGN
17 / 51
ДИПТИХ · ДВА КАДРА
— / 51
Два кадра, один разговор.
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
ДИПТИХ · ДВА КАДРА
— / 51
 
DIPTYCH
A · ПОДПИСЬ ЗАМЕНИТЬ
B · ПОДПИСЬ ЗАМЕНИТЬ
SIDE BY SIDE
— / 51
ЧАСТЬ IV
35 / 51
↓ ЧЕСТНО
Будущее.
Сингулярность · Гегель · оркестратор · ИИ-креатив
PART · IV / V
WHAT'S NEXT
ОСТАЁТСЯ ЧЕЛОВЕЧЕСКОЕ
36 / 51
ЧТО МАШИНА НЕ ВОЗЬМЁТ??????????????????????????????????????????????????????????????????????????????????????????????
Только человеческое.
Вкус?.
Ответственность за результат?.
Разговор с клиентом?.
Чувство момента?.
Риск?.
Репутация?.
HUMAN CORE
36 / 51
ПРОВОКАЦИЯ № 2
37 / 51
ЧЕСТНО О БУДУЩЕМ ВЕБДИЗА
Количество специалистов сократится в разы?.
 
// ОЦЕНКА АВТОРА · НЕ ПАНИКА — РЕАЛЬНОСТЬ
FORECAST
37 / 51
ПРОВОКАЦИЯ № 2
37 / 51
ЧЕСТНО О БУДУЩЕМ ВЕБДИЗА
 
 
// ОЦЕНКА АВТОРА · НЕ ПАНИКА — РЕАЛЬНОСТЬ
FORECAST
37 / 51
POV · GEO
— / 51
ЧЕСТНО · ВЕБ ЧЕРЕЗ 3 ГОДА
40% запросов — мимо сайта.
Пользователь получает ответ в ChatGPT и Алисе — до сайта он не доходит. GEO — проектировать так, чтобы цитировал ИИ, а не Google. Это страшнее, чем «мидлов не будет».
GEO · FORECAST
NO-SITE WEB
ИСЧЕЗНУТ РАНЬШЕ
39 / 51
ПРОФЕССИИ, КОТОРЫЕ УЙДУТ ПЕРВЫМИ
Дизайнер с пайплайном и маркетинг скиллами — переживёт многих.
×
верстальщик HTML/CSS
×
иллюстратор стоков
×
копирайтер первых драфтов
×
моушн под простые задачи
// ОЧЕРЕДЬ НА ВЫХОД ВЫСТРОИЛАСЬ.
SHORTLIST
39 / 51
ПАРАДОКС
41 / 51
ПАРАДОКС ИЗОБИЛИЯ
Когда вариантов бесконечно — выбор = главный навык маркетинг?.
РАНЬШЕ
3
варианта на защиту клиенту.
→
 
СЕЙЧАС
300
→ выбрать один. Понимание рынка = новый дизайн.
CURATION = DESIGN
41 / 51
НОВАЯ РОЛЬ
42 / 51
ОРКЕСТРАТОР относительно новый западный термин который приживается и у нас
AI orchestration 
 
+
 
 
 
 
 
Один человек дирижирует процессом, который раньше требовал целой команды.
NEW ROLE
42 / 51
ПОЛЬЗА КЛИЕНТУ
43 / 51
Больше вариантов. Ручная доработка. Быстрое попадание в «хотелки».
10×
БОЛЬШЕ ВАРИАНТОВ
100%
РУЧНАЯ ДОРАБОТКА
 
ОТ ОБЫЧНОГО СРОКА
VALUE
43 / 51
«КАКОЙ У ВАС СТЕК?»
44 / 51
 
Я дизайнер на всём?.
Благодаря MCP стек больше не ограничивает. Ценится только креативность/marketing.
STACK = ALL
44 / 51
ЦИТАТА
45 / 51
“
Нам говорили, что люди займутся креативом. А ИИ делает это лучше человека?.
→ NEIL JACOBSON · HALLWOOD MEDIA · TIMBALAND
QUOTE
45 / 51
НЕУДОБНАЯ ПРАВДА
46 / 51
Большинство сайтов с Behance и Dribbble не решают задач клиента!.
Это не моё мнение. Это реальный
CASE: ХОСТЕЛ
FRANCHISE = 0
PRETTY ≠ USEFUL
HARD TRUTH
46 / 51
ОДИН СОВЕТ
50 / 51
 
Agent Site?
 
ONE THING
50 / 51
ВЛИЯНИЕ
48 / 51
ЛЮДИ
Только глаза.
ТОРУ ХАГИХАРА
Sega · arcade era
 
ДЭВИД ЛИНЧ
director · catch the big fish
 
 
ЮДЗИ СУДЗУКИ
 
INFLUENCES · 4
48 / 51
ЧТЕНИЕ
49 / 51
КНИГИ, КОТОРЫЕ СФОРМИРОВАЛИ ВЗГЛЯД
Полка автора.
LYNCH
Поймать большую рыбу.
RICK RUBIN
The Creative Act.
B. J. HARRIS
Console Wars.
PERMAN
In-N-Out Burger.
READING LIST · 4
49 / 51
СПАСИБО
51 / 51
КОНЕЦ · END
Спасибо.?
КОНТАКТЫ
TG
@andrei7685
TG-КАНАЛ
@dojomediaagency
SITE
dojo-media.ru/contacts
MAIL
hello@dojo-media.com
ПРОЕКТЫ
→
dojo-media.ru
→
agi.dojo-media.ru
→
andrew-tsay.ru
A. TSAY · DOJO MEDIA · 2026
FIN.