12+
Оглавление - AI Дизайн
AI-дизайнер на скорости света
- Введение
- Кто я такой
- Глава 1: Сдвиг парадигмы: когда AI перестал быть ассистентом и стал со-дизайнером
- От автодополнения к автономии: что изменилось в 2025–2026 годах
- Почему опытные дизайнеры проигрывают джунам, не освоившим AI — и как это остановить
- Карта нового ландшафта: Claude Design, GPT-4o Vision, Gemini и другие игроки
- Как измерить своё AI-преимущество: персональный аудит компетенций
- Контрольные вопросы
- Глава 2: Claude Design: анатомия инструмента, который напугал Adobe на 6%
- Что такое Claude Design на самом деле — и чем он не является
- Opus 4.7 vs 4.8: как выбрать модель под конкретную задачу
- Artifacts, Canvas и мультимодальный ввод: полная карта возможностей
- Лимиты, тарифы и обходные пути: Pro, Max, Team, Enterprise
- Контрольные вопросы
- Глава 3: Промпт как дизайн-документ: почему ваш текст важнее вашего вкуса
- Структура промпта, который даёт результат с первого раза
- Референс вместо тысячи слов: техника скриншот-инъекции
- Итерационный диалог: как вести Claude к нужному решению за 2–3 хода
- Антипаттерны промптинга, которые убивают качество вывода
- Контрольные вопросы
- Глава 4: Brand State Architecture: как заставить AI помнить вашу дизайн-систему
- Проблема «амнезии»: почему AI забывает бренд между сессиями
- RAG-пайплайн для дизайнера: Pinecone, Weaviate и векторные базы без страха
- Строим папку Claude-Design: токены, палитры, компоненты в machine-readable формате
- DESIGN.md как центральный файл документации и единый источник правды
- Контрольные вопросы
- Глава 5: Прототип за 20 минут: от идеи до интерактивного артефакта
- 8-шаговый фреймворк быстрого прототипирования с Claude
- Сложные интеракции и анимации: кейс Brilliant (20+ промптов vs 2 промпта)
- Слайды, лендинги, one-pager’ы: выбор режима под задачу
- Когда прототип достаточно хорош: критерии остановки итераций
- Контрольные вопросы
- Глава 6: Стили как стратегия: Swiss, Brutal, Glass, Cyber и ещё 11 — когда какой выбрать
- Почему визуальный стиль — это бизнес-решение, а не эстетика
- Разбор 8 стилей ClaudeKit: сильные стороны и контексты применения
- Миксинг стилей: как создать уникальный визуальный язык через AI
- Тест на вкус: как обучить AI вашему личному стилевому чутью
- Контрольные вопросы
- Глава 7: Claude Code как суперсила дизайнера: передача макета в production без потерь
- Разрыв между дизайном и реализацией: почему он существует и как AI его закрывает
- Хэндофф нового поколения: от Claude Design к Claude Code за один пайплайн
- Дизайн-интент в коде: как упаковать «почему» вместе с «что»
- Кейс Datadog: от прототипа до production-компонента
- Контрольные вопросы
- Глава 8: 18 Claude Code Skills для UX/UI: полный разбор и рейтинг по ROI
- Frontend Design, Interface, Taste: топ-5 скиллов с максимальной отдачей
- Скиллы для системной работы: масштабирование компонентов и токенов
- Как комбинировать скиллы для нестандартных задач
- Строим собственный скилл-стек под свою специализацию
- Контрольные вопросы
- Импорт реального мира: как скормить AI бриф в любом формате
- Figma-в-AI: мосты, плагины и прямые интеграции 2026 года
- Веб-скрапинг как исследовательский инструмент: анализ конкурентов за минуты
- Кодовая база как контекст: когда давать AI доступ к репозиторию
- Контрольные вопросы
- Глава 10: AI-исследование пользователей: как получить инсайты за часы, а не недели
- Синтез качественных данных: Claude как аналитик интервью и юзабилити-тестов
- Автоматическая кластеризация болей и паттернов из сырых заметок
- Генерация гипотез: как AI видит то, что не заметил исследователь
- Граница доверия: где AI-синтез лжёт и как это детектировать
- Контрольные вопросы
- Глава 11: Персоны и Jobs-to-be-Done в эпоху AI: от архетипов к живым моделям пользователей
- Почему классические персоны мертвы — и что их заменяет
- Динамические персоны: как обновлять модели пользователя в реальном времени
- AI-симуляция пользователя: этика и практика тестирования на «синтетических людях»
- Контрольные вопросы
- Глава 12: Дизайн-системы на стероидах: как AI генерирует, аудирует и эволюционирует токены
- Автогенерация компонентов из существующей системы: алгоритм без боли
- AI-аудит консистентности: находим расхождения, которые пропускает глаз
- Версионирование дизайн-системы с AI: от ручного changelog к автоматическому
- Кейс: масштабирование дизайн-системы от 50 до 500 компонентов с AI-ассистентом
- Контрольные вопросы
- Глава 13: Специализированные AI-стеки: собираем инструментарий под конкретный тип дизайна
- Стек для продуктового дизайнера: от Figma до production в одном пайплайне
- Стек для UX-исследователя: от рекрутинга до отчёта
- Стек для дизайнера систем: автоматизация токенов, документации, аудита
- Стек для фрилансера: как одному делать объём агентства
- Контрольные вопросы
- Глава 14: Агентные пайплайны: когда AI работает без вашего участия
- Что такое агентный дизайн-воркфлоу и зачем он вам
- MCP-коннекторы и интеграции 2026: подключаем AI к реальным инструментам
- Строим первый автономный пайплайн: от триггера до артефакта
- Контроль качества в агентных системах: когда доверять, когда проверять
- Контрольные вопросы
- Глава 15: Защита решений с помощью AI: данные, которые молчат громче мнений
- Как AI помогает собрать доказательную базу под дизайн-решение за час
- Визуализация данных как инструмент убеждения: от сырых цифр к нарративу
- A/B и многовариантные тесты: AI-ассистент в интерпретации результатов
- Когда стейкхолдер говорит «мне не нравится»: скрипты ответа с опорой на данные
- Контрольные вопросы
- Глава 16: AI-презентации и питчи: слайды, которые закрывают возражения до того, как их задали
- Архитектура убеждающей презентации: как Claude строит нарратив
- One-pager как формат Senior-дизайнера: максимум смысла на минимуме пространства
- Кастомизация под аудиторию: разные версии питча для CEO, PM и инженеров
- Контрольные вопросы
- Глава 17: Этика и авторство в AI-дизайне: где заканчивается инструмент и начинается плагиат
- Авторство в эпоху генерации: юридические и профессиональные риски
- Bias в AI-дизайне: когда модель воспроизводит чужие ошибки
- Прозрачность перед клиентом и командой: что и когда раскрывать
- Личный этический кодекс AI-дизайнера: строим систему принципов
- Контрольные вопросы
- Глава 18: Доступность и инклюзивность на скорости AI: когда автоматизация помогает, а когда вредит
- AI-аудит accessibility: автоматическая проверка WCAG за секунды
- Генерация инклюзивных вариантов: alt-тексты, контраст, адаптивные макеты
- Ловушка автоматизации: почему AI-аудит не заменяет тест с реальными пользователями
- Контрольные вопросы
- Глава 19: Скорость vs глубина: как не потерять дизайн-мышление в погоне за AI-эффективностью
- Опасность «хорошего с первого раза»: почему быстрый AI-результат может быть ловушкой
- Поддержание критического мышления: практики slow design в fast AI-мире
- Когда отключить AI и думать самостоятельно: список триггеров
- Развитие дизайн-интуиции в условиях автоматизации: упражнения и ритуалы
- Контрольные вопросы
- Глава 20: Карьерная стратегия AI-дизайнера: как позиционировать себя в мире, где джун с AI стоит как мидл
- Новые должности и специализации: кто такой AI Design Systems Lead
- Портфолио 2026: что показывать, если половину сделал AI
- Переговоры о ставке: как монетизировать AI-эффективность
- Обучение команды: как Senior превращает свои AI-знания в командное преимущество
- Контрольные вопросы
- Глава 21: Выгорание в эпоху перманентного апгрейда: как не сломаться, обновляясь каждые три месяца
- FOMO-петля: почему дизайнеры тонут в новых инструментах
- Система фильтрации новинок: как решать, что изучать, а что игнорировать
- Персональный ритм обновления: стратегия «ядро + периферия»
- Ментальное здоровье Senior-дизайнера в условиях AI-трансформации
- Контрольные вопросы
- Глава 22: AI в корпоративном дизайне: политика, безопасность и энтерпрайз-реальность
- 28 новых интеграций безопасности Claude: что это значит для Enterprise-дизайнера
- Как продать AI-инструменты юридическому отделу и CISO
- Работа с ограничениями корпоративных политик: легальные обходные пути
- Внедрение AI в дизайн-команду: роадмап без саботажа и сопротивления
- Контрольные вопросы
- Глава 23: Измерение дизайн-результатов с AI: метрики, которые видит бизнес
- Как считать ROI дизайна в эпоху AI-ускорения
- Velocity метрики: время от идеи до тестируемого прототипа
- Качественные и количественные сигналы: строим дашборд дизайн-команды
- Кейс: как AI сократил цикл дизайна с 3 недель до 4 дней — и как это доказать
- Контрольные вопросы
- Глава 24: Будущее, которое уже наступает: Claude Mythos, Fable 5 и горизонт 2027
- Что означает Claude Fable 5 для дизайн-индустрии
- Автономные дизайн-агенты: когда AI начнёт ставить задачи сам себе
- Профессии, которые исчезнут, и профессии, которые появятся к 2027 году
- Как строить нескончаемое конкурентное преимущество в мире, где всё меняется раз в квартал
- Контрольные вопросы
- Глава 25: Мастер-класс: собираем полный AI-воркфлоу с нуля до production за один рабочий день
- Утро: бриф, исследование и концепция с AI — 2 часа
- День: итерации, дизайн-система и прототип — 4 часа
- Вечер: хэндофф, презентация и документация — 2 часа
- Разбор полётов: что получилось, что провалилось и почему
- Контрольные вопросы
- Приложение: пошаговые инструкции
- Как вести диалог с AI для разработки навигации финтех-приложения через уточняющие вопросы и альтернативные фреймингу
- Как передать AI рутину рисования компонентов и прототипирования, сохранив контроль над результатом
- Как искать референсы через генерацию изображений по ключевым словам
- Как генерировать работающие интерфейсы из текста, изображений и скриншотов с выводом HTML, CSS и JavaScript кода
- Как использовать Claude Opus для последовательной глубокой проработки сложных компонентов с нетривиальной логикой состояний и дизайн-систем
- Как использовать Claude для исследования вариантов, работы со скриншотами, визуальными референсами и быстрых итерационных циклов
- Как загружать визуальные материалы в диалог с Claude для точной передачи дизайн-намерений
- Как формулировать задачи для Claude по методу пяти слоёв
- Как создать векторную базу данных для хранения фрагментов дизайн-системы и их семантического поиска
- Как организовать векторное хранилище с кастомизацией схемы данных и метаданных компонентов в Weaviate
- Как настроить RAG-пайплайн для автоматической доставки контекста дизайн-системы в каждый AI-запрос
- Как реализовать анимации в интерактивном прототипе без внешних библиотек
- Как управлять состояниями интерфейса через CSS-классы при загрузке, ошибке и успехе
- Как систематизировать визуальный язык так, чтобы его понимал и дизайнер, и языковая модель
- Как провести анализ трендов и популярных визуальных решений при выборе стиля
- Как транслировать дизайн-интент в код через передачу контекста из Claude Design
- Как фиксировать ключевые решения, альтернативы и аргументацию прямо при работе над компонентом
- Как встроить архитектурные пояснения в код компонента с помощью Claude Code
- Как использовать требования доступности при генерации семантической разметки и ARIA-атрибутов через Claude Code
- Как синхронизировать токены между Figma, кодовой базой и документацией через Token Management
- Как загрузить бриф или документ как часть контекста для анализа в Claude
- Как превратить сырой документ в готовое дизайн-решение через двухэтапный промпт с Claude
- Как явно указать в промпте, какие разделы документа релевантны текущей задаче
- Как экспортировать JSON-представление Figma-файла с семантической структурой и скриншотом
- Как подключить Figma к Claude через MCP-протокол и запустить нативную синхронизацию
- Как обрабатывать интервью по одному через единый шаблон и синтезировать результаты отдельным запросом
- Как выделить тематические и эмоциональные кластеры из пользовательских отзывов с помощью AI
- Как хранить и публиковать персоны и ситуационные модели пользователя для команды
- Как создавать и обновлять документы с персонами и ситуационными моделями пользователя с помощью AI
- Как собрать паттерны поведения пользователей и данные о сегментах для исследования
- Как задокументировать дизайн-систему в машиночитаемом формате для передачи AI
- Как анализировать существующие компоненты для выявления имплицитных паттернов системы перед генерацией
- Как разбить запрос к AI на уровни: от токенов до финального компонента
- Как провести механическое сканирование кодовой базы компонентов на предмет отклонений от токенов и переменных
- Как генерировать фрагменты кода с вшитым дизайн-интентом для хэндоффа разработчикам вместо статических картинок
- Как автоматически проверить консистентность дизайн-системы через сканирование экспортированного JSON
- Как управлять файлами Figma через MCP-сервер: от чтения структуры до экспорта артефактов
- Как создать и поддерживать контекст-документ проекта с помощью AI-агента
- Как запустить автоматический конкурентный анализ на основе данных из брифа
- Как настроить чтение задач из Linear для агентного воркфлоу
- Как формулировать промпт как коммуникативную задачу вместо запроса на контент
- Как создать самостоятельный one-pager с семью элементами для защиты дизайн-решения
- Как построить нарративную структуру презентации дизайн-решения по модели проблема-барьер-решение
- Как сохранять цепочку AI-промптов и итеративных результатов для подтверждения авторского вклада
- Как генерировать инклюзивные иллюстрации для онбординга и UI финансовых приложений с помощью AI
- Как автоматически проверить доступность интерфейса и сгенерировать читаемый отчёт о нарушениях
- Как настроить автоматическую AI-проверку компонентов дизайн-системы через CI/CD до попадания в main-ветку
- Как генерировать функциональный alt-текст для изображений с учётом их роли в интерфейсе и контекста пользовательского сценария
- Как документировать три ключевых вопроса интерфейса перед оценкой AI-результата
- Как записать ответы на три вопроса перед запуском Claude Design
- Как вести дизайн-журнал сомнений и отличать свои решения от принятых по подсказке AI
- Как настроить изолированный корпоративный тенант с гарантиями GDPR и запретом на использование данных для дообучения модели
- Как интегрировать Claude Enterprise с корпоративной инфраструктурой управления доступом и настроить ролевые модели на уровне команды, проекта и пользователя
- Как задать корпоративные гайдлайны через системные промпты на уровне тенанта в Claude
- Как настроить логирование взаимодействий с AI-инструментом и экспорт аудит-лога в корпоративные SIEM-системы
- Благодарность
- Ссылки на литературу и статьи
- Инструменты и ресурсы