Неделя 1 (4 часа):

Урок 1 (2 часа): Продвинутые Компоненты и Варианты в Figma

• Глубокое погружение в создание сложных компонентов: свойства, вложенные компоненты, варианты для состояний и свойств.

• Лучшие практики именования и организации.

• Практическое Задание: Создать библиотеку компонентов для карточки товара с различными состояниями (ховер, активное, неактивное) и свойствами (размер, тип контента).

Урок 2 (2 часа): Работа с вариантами компонентов для интерактивности

• Создание сложных интерактивных элементов без прототипирования (например, выпадающие списки, переключатели).

• Домашнее Задание: Разработать интерактивный компонент фильтра с несколькими опциями выбора, используя только варианты компонентов.

Неделя 2 (4 часа):

Урок 1 (2 часа): Auto Layout – Гибкие и Адаптивные Интерфейсы

• Все тонкости Auto Layout: вложенность, управление отступами и выравниванием, абсолютное позиционирование внутри Auto Layout.

• Создание сложных адаптивных блоков.

• Домашнее Задание: Сверстать сложный макет страницы (например, новостной портал или панель управления) с использованием Auto Layout, обеспечив его адаптивность.

Урок 2 (2 часа): Auto Layout для списков, таблиц и сеток

• Динамическое изменение контента и его влияние на макет.

• Решение типовых проблем с Auto Layout.

• Домашнее Задание: Создать адаптивную таблицу данных с возможностью добавления/удаления строк и столбцов, сохраняя структуру благодаря Auto Layout.

Неделя 3 (4 часа):

Урок 1 (2 часа): Основы Дизайн-Систем в Figma

• Что такое дизайн-система и зачем она нужна.

• Структура дизайн-системы: UI Kit, токенизация (цвета, типографика, отступы), документация.

• Практическое Задание: Разработать базовый UI Kit для небольшого проекта (кнопки, поля ввода, иконки) и определить основные токены.

Урок 2 (2 часа): Организация и публикация дизайн-системы в Figma

• Работа с библиотеками.

• Процесс обновления и версионирования компонентов.

• Домашнее Задание: Опубликовать созданный UI Kit как библиотеку Figma и подключить ее к новому файлу проекта. Внести изменения в компонент и обновить его в проекте.

Неделя 4 (4 часа):

Урок 1 (2 часа): Практикум по Whiteboarding Challenge – Основы

• Введение в Whiteboarding Challenges: что это, зачем нужно, типовые форматы.

• Структура ответа: понимание проблемы, определение пользователей, генерация идей, выбор решения, метрики.

• Практическое Задание: Разбор нескольких примеров Whiteboarding Challenges. Групповое обсуждение возможных решений.

Урок 2 (2 часа): Первая симуляция Whiteboarding Challenge

• Простая задача на редизайн существующего приложения или функции.

• Работа в FigJam.

• Домашнее Задание: Индивидуальное решение задачи на доске (FigJam) с последующим разбором и обратной связью от группы и преподавателя.

Неделя 5 (4 часа):

Урок 1 (2 часа): Масштабирование и поддержка дизайн-систем

• Продвинутая токенизация (design tokens).

• Управление темами.

• Документация и гайдлайны для дизайн-системы.

• Практическое Задание: Разработать документацию для одного из компонентов созданного UI Kit. Определить и применить токены для управления темами (светлая/темная).

Урок 2 (2 часа): Автоматизация и инструменты для дизайн-систем

• Использование плагинов для управления токенами и синхронизации с кодом (основы).

• Процессы обновления и коммуникации изменений в дизайн-системе.

• Домашнее Задание: Исследовать и протестировать плагины Figma для управления дизайн-токенами. Подготовить презентацию о возможностях одного из плагинов.

Неделя 6 (4 часа):

Урок 1 (2 часа): Интерактивные Прототипы в Figma – От Простого к Сложному

• Основы прототипирования в Figma: связи между фреймами, типы переходов, Smart Animate.

• Создание простых пользовательских сценариев.

• Практическое Задание: Создать интерактивный прототип для процесса онбординга в мобильном приложении (3-4 экрана).

Урок 2 (2 часа): Продвинутый Smart Animate

• Создание сложных анимаций переходов, микровзаимодействий.

• Работа со скоростью и кривыми анимации.

• Домашнее Задание: Реализовать эффектный анимированный переход между двумя состояниями экрана или элемента (например, раскрытие карточки, появление модального окна).

Неделя 7 (4 часа):

Урок 1 (2 часа): Прототипирование с Условиями и Переменными (Figma Variables)

• Введение в переменные Figma: типы переменных (числовые, строковые, булевы, цветовые).

• Использование переменных для управления состояниями и темами.

• Практическое Задание: Создать прототип с переключением светлой и темной темы с использованием переменных.

Урок 2 (2 часа): Использование переменных для создания условной логики в прототипах

• Динамическое изменение контента и поведения в зависимости от действий пользователя.

• Домашнее Задание: Сделать прототип корзины интернет-магазина, где сумма заказа и количество товаров меняются динамически с помощью переменных.

Неделя 8 (4 часа):

Урок 1 (2 часа): Figma Make и Figma Draw – Практическое Применение

• Figma Make для генерации UI-элементов и экранов. Эффективные промпты.

• Итерации на основе сгенерированных ИИ дизайнов. Быстрое создание вариаций.

• Практическое Задание: Используя Figma Make, сгенерировать несколько вариантов дизайна для экрана профиля пользователя, а затем доработать лучший вариант.

Урок 2 (2 часа): Figma Draw для создания кастомных иллюстраций и графики

• Создание кастомных иллюстраций, иконок и графических элементов.

• Интеграция графики в UI. Работа с векторными инструментами.

• Домашнее Задание: Создать набор из 5 уникальных иконок для мобильного приложения с использованием Figma Draw.

Неделя 9 (4 часа):

Урок 1 (2 часа): Практикум по Whiteboarding Challenge – Решение Проблем Пользователей

• Разбор типовых задач на Whiteboarding Interview, сфокусированных на решении конкретной пользовательской проблемы (например, «Как улучшить процесс поиска в приложении X?»).

• Практическое Задание: Групповой мозговой штурм и структурирование подхода к решению задачи на улучшение пользовательского опыта.

Урок 2 (2 часа): Симуляция Whiteboarding Challenge: Проектирование новой функции

• Задача на проектирование новой функции для существующего продукта, направленной на решение боли пользователя.

• Домашнее Задание: Индивидуальное решение задачи в FigJam с акцентом на пользовательские сценарии и метрики успеха.

Неделя 10 (4 часа):

Урок 1 (2 часа): Проектирование для сложных сценариев и нетипичных устройств

• Основы дизайна для VR/AR интерфейсов (концептуально, с прицелом на Figma).

• Проектирование сложных форм и многошаговых процессов.

• Практическое Задание: Разработать концепцию интерфейса для AR-приложения (например, навигация или примерка мебели). Создать прототип сложного многошагового процесса (например, кастомизация продукта).

Урок 2 (2 часа): Продвинутое применение Figma Make и Draw в сложных проектах

• Использование AI для генерации консистентных наборов экранов.

• Создание сложных иллюстраций и графических ассетов для проектов.

• Домашнее Задание: Сгенерировать с помощью Figma Make набор экранов для одной из функций приложения. Создать сложную иллюстрацию для главного экрана с помощью Figma Draw или нейросетей

Неделя 11 (4 часа):

Урок 1 (2 часа): Дизайн, Управляемый Данными (Data-Driven Design) – Основы

• Какие данные важны для дизайнера. Основы веб-аналитики (Google Analytics, Яндекс.Метрика).

• Понимание пользовательского поведения через данные.

• Практическое Задание: Проанализировать предоставленный отчет по веб-аналитике и сформулировать гипотезы для улучшения дизайна.

Урок 2 (2 часа): Использование плагинов Figma для работы с реальными данными

• Использование плагинов Figma для работы с реальными данными (например, Google Sheets Sync, Content Reel).

• Заполнение макетов реалистичным контентом.

• Домашнее Задание: Заполнить макет списка товаров или новостной ленты реальными данными с помощью соответствующего плагина.

Неделя 12 (4 часа):

Урок 1 (2 часа): Юзабилити-Тестирование Прототипов

• Методы юзабилити-тестирования: модерируемое и немодерируемое, количественное и качественное.

• Подготовка сценариев и вопросов для тестирования.

• Практическое Задание: Разработать план юзабилити-тестирования для созданного ранее прототипа (например, онбординга или корзины).

Урок 2 (2 часа): Проведение симуляции юзабилити-тестирования

• Проведение симуляции юзабилити-тестирования (в роли модератора и респондента).

• Анализ результатов и выявление проблемных зон.

• Домашнее Задание: Провести «пилотное» юзабилити-тестирование своего прототипа с одногруппником и зафиксировать основные инсайты.

Неделя 13 (4 часа):

Урок 1 (2 часа): Итеративный Дизайн. Внесение Изменений на Основе Данных и Тестов

• Принципы итеративного дизайна.

• Как эффективно вносить правки в дизайн на основе обратной связи и результатов тестирования. Приоритизация изменений.

• Практическое Задание: На основе результатов симуляции юзабилити-тестирования внести изменения в свой прототип.

Урок 2 (2 часа): A/B тестирование в дизайне

• Основы, когда применять, как формулировать гипотезы.

• Проектирование вариантов для A/B тестов.

• Домашнее задание: Разработать два варианта дизайна для ключевого элемента интерфейса (например, кнопки CTA) для проведения A/B теста.

Неделя 14 (4 часа):

Урок 1 (2 часа): Практикум по Whiteboarding Challenge – Проектирование с Нуля

• Разбор задач на Whiteboarding Interview, где требуется спроектировать новый продукт или сервис с нуля (например, «Спроектируйте приложение для поиска попутчиков для поездок на работу»).

• Практическое Задание: Групповое решение и презентация задачи на проектирование нового продукта.

Урок 2 (2 часа): Симуляция Whiteboarding Challenge: Комплексная задача

• Сложная задача, охватывающая несколько аспектов: исследование, проектирование, метрики.

• Домашнее Задание: Индивидуальное решение комплексной задачи на Whiteboarding Challenge с последующим детальным разбором.

Неделя 15 (4 часа): Углубленная Интеграция ИИ в Дизайн-Процессы

Урок 1 (2 часа): ИИ для Продвинутого Исследования Пользователей

• Анализ больших объемов качественных данных с помощью ИИ (интервью, отзывы).

• Выявление скрытых инсайтов и пользовательских паттернов с использованием NLP и ML-инструментов.

• Автоматизация синтеза результатов исследований.

• Практическое Задание: Проанализировать набор транскриптов пользовательских интервью с помощью предоставленного ИИ-инструмента (или симуляции) и подготовить отчет с ключевыми выводами.

Урок 2 (2 часа): ИИ-Ассистированное Прототипирование и Предиктивное Тестирование

• Использование ИИ для быстрой генерации множества вариантов дизайна и прототипов.

• Инструменты для предиктивного анализа юзабилити на основе ИИ (тепловые карты, анализ внимания).

• Оценка и итерация ИИ-сгенерированных дизайнов.

• Домашнее Задание: Сгенерировать 3 варианта дизайна для заданной функции с помощью ИИ-инструмента, выбрать лучший и подготовить его к A/B тестированию.

Неделя 16 (4 часа): Продвинутые AI-Инструменты и Этика в AI-Дизайне

Урок 1 (2 часа): Обзор и Практика с Продвинутыми AI-Плагинами для Figma

• Глубокое погружение в AI-плагины для Figma (помимо стандартных Make/Draw/Buzz): автоматизация рутины, генерация сложного контента, аналитика.

• Сравнение возможностей и выбор инструментов под задачи.

• Практическое Задание: Решить комплексную дизайн-задачу (например, создание информационной панели с данными), используя 2-3 различных AI-плагина для Figma.

Урок 2 (2 часа): Этика и Ответственность в AI-Дизайне

• Выявление и митигация предвзятостей (bias) в AI-системах и данных.

• Принципы ответственного и этичного AI-дизайна.

• Проектирование прозрачных и объяснимых AI-интерфейсов (Explainable AI - XAI).

• Домашнее Задание: Проанализировать этические аспекты предоставленного AI-кейса и предложить пути митигации рисков. Разработать концепцию интерфейса для XAI-функции.

Неделя 17 (4 часа):

Урок 1 (2 часа): Figma Dev Mode – Углубленное Изучение

• Все возможности Dev Mode: инспектирование кода, работа с токенами, аннотации для разработчиков.

• Оптимизация взаимодействия дизайнера и разработчика.

• Практическое Задание: Подготовить макет к передаче в разработку, используя все возможности Dev Mode. Создать гайдлайн для разработчиков по работе с макетом.

Урок 2 (2 часа): Плагины и Интеграции для Улучшения Командной Работы

• Обзор плагинов для совместной работы, комментирования, управления задачами внутри Figma.

• Интеграция Figma с другими инструментами (Jira, Slack, etc.).

• Домашнее Задание: Настроить интеграцию Figma с таск-трекером для одного из проектов. Исследовать и представить плагин для улучшения командной коммуникации.

Неделя 18 (4 часа):

Урок 1 (2 часа): Дизайн для Различных Платформ и Контекстов

• Особенности проектирования для Web, iOS, Android. Гайдлайны платформ.

• Адаптивный и респонсивный дизайн: продвинутые техники.

• Практическое Задание: Адаптировать существующий веб-дизайн под мобильные платформы iOS и Android, учитывая их гайдлайны.

Урок 2 (2 часа): Доступность (Accessibility) – Продвинутый Уровень

• Проектирование для пользователей с различными ограничениями (WCAG стандарты AA, AAA).

• Инструменты для проверки доступности. Тестирование с ассистивными технологиями.

• Домашнее Задание: Провести аудит доступности существующего веб-сайта или приложения и разработать рекомендации по улучшению.

Неделя 19 (4 часа):

Урок 1 (2 часа): Практикум по Whiteboarding Challenge – Нестандартные Задачи

• Разбор сложных и нестандартных задач на Whiteboarding Interview (например, проектирование для будущего, решение этических дилемм в дизайне).

• Практическое Задание: Групповое решение и обсуждение нестандартной задачи на Whiteboarding Challenge.

Урок 2 (2 часа): Симуляция Whiteboarding Challenge: Задача от «Работодателя»

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

• Домашнее Задание: Индивидуальное решение задачи с последующим разбором и персональной обратной связью.

Неделя 20 (4 часа):

Урок 1 (2 часа): Управление Дизайн-Проектами и Процессами

• Основы дизайн-менеджмента: планирование, оценка сроков, управление ресурсами.

• Agile и Scrum для дизайнеров. Работа в команде.

• Практическое Задание: Разработать план дизайн-работ для небольшого проекта с использованием Agile-подхода.

Урок 2 (2 часа): Презентация и Защита Дизайн-Решений

• Навыки эффективной презентации дизайн-концепций и решений.

• Работа с возражениями и обратной связью. Сторителлинг в дизайне.

• Домашнее Задание: Подготовить и провести презентацию одного из своих учебных проектов перед группой.

Неделя 21 (4 часа): Начало Работы над Итоговым Портфолийным Проектом

Урок 1 (2 часа): Выбор Темы и Формулирование Задачи для Итогового Проекта

• Обсуждение и выбор тем для итоговых проектов (реальные или гипотетические бизнес-задачи).

• Глубокое исследование проблемы, определение целевой аудитории и бизнес-целей.

• Практическое Задание: Сформулировать проблему, цели и задачи для своего итогового проекта. Провести первичное исследование.

Урок 2 (2 часа): Планирование и Исследование для Итогового Проекта

• Составление подробного плана работы над проектом.

• Проведение конкурентного анализа и пользовательских исследований (интервью, опросы).

• Домашнее Задание: Разработать план исследования для итогового проекта и начать сбор данных.

Неделя 22 (4 часа): Проектирование и Прототипирование Итогового Проекта

Урок 1 (2 часа): Разработка Концепции и Первых Прототипов

• Генерация идей, создание CJM, User Flows.

• Разработка низко- и среднедетализированных прототипов в Figma.

• Практическое Задание: Создать User Flows и первые интерактивные прототипы для ключевых сценариев итогового проекта.

Урок 2 (2 часа): Тестирование и Итерации Прототипов Итогового Проекта

• Проведение юзабилити-тестирования созданных прототипов.

• Анализ результатов и внесение итеративных улучшений в дизайн.

• Домашнее Задание: Провести не менее 3-х юзабилити-тестов своего прототипа, задокументировать результаты и внести правки.

Неделя 23 (4 часа): Визуальный Дизайн и UI Kit для Итогового Проекта

Урок 1 (2 часа): Разработка Визуальной Концепции и Мудборда

• Создание мудборда, определение стиля, цветовой палитры, типографики.

• Разработка UI Kit для итогового проекта.

• Практическое Задание: Создать мудборд и разработать UI Kit (основные компоненты) для своего итогового проекта.

Урок 2 (2 часа): Создание Чистовых Макетов и Адаптация

• Разработка высокодетализированных макетов всех экранов.

• Адаптация дизайна под различные устройства и разрешения.

• Домашнее Задание: Завершить все чистовые макеты для итогового проекта, включая адаптивные версии.

Неделя 24 (4 часа): Подготовка Презентации Итогового Проекта

Урок 1 (2 часа): Структурирование Кейса для Портфолио

• Как правильно оформить проект в виде кейса: проблема, исследование, процесс, решение, результаты.

• Подготовка визуальных материалов для презентации.

• Практическое Задание: Начать оформление кейса по итоговому проекту для портфолио (Behance, Dribbble или личный сайт).

Урок 2 (2 часа): Репетиция Презентации и Получение Обратной Связи

• Прогон презентации итогового проекта.

• Получение обратной связи от преподавателей и группы.

• Домашнее Задание: Провести репетицию презентации своего итогового проекта.

Неделя 25 (4 часа): Основы Vibe Coding для Дизайнеров (Опциональный Модуль)

Урок 1 (2 часа): Введение в Vibe Coding: От Идеи к Интерактивному Прототипу

• Концепция Vibe Coding: описание желаемого результата естественным языком.

• Обзор популярных инструментов Vibe Coding (например, v0.dev, Framer AI, Galileo AI, Cursor).

• Создание простых UI-компонентов и экранов с помощью текстовых промптов.

• Практическое Задание: Используя один из инструментов Vibe Coding, создать дизайн и базовую структуру простого мобильного приложения (2-3 экрана) по текстовому описанию.

Урок 2 (2 часа): Итеративная Разработка и Кастомизация с Vibe Coding

• Процесс итеративной доработки ИИ-сгенерированных интерфейсов.

• Кастомизация стилей, компонентов и логики взаимодействия.

• Экспорт результатов и возможная интеграция с Figma или другими инструментами.

• Домашнее Задание: Доработать созданный на прошлом уроке прототип: изменить цветовую схему, добавить новые интерактивные элементы и настроить переходы между экранами, используя Vibe Coding инструмент.

Неделя 26 (4 часа): Продвинутые Техники и Практика Vibe Coding (Опциональный Модуль)

Урок 1 (2 часа): Vibe Coding для Сложных Компонентов и Динамического Контента

• Создание сложных, кастомных компонентов с помощью Vibe Coding.

• Работа с динамическим контентом и данными в ИИ-сгенерированных прототипах.

• Ограничения и возможности текущих Vibe Coding инструментов.

• Практическое Задание: С помощью Vibe Coding инструмента создать интерактивный компонент (например, карусель изображений с данными или форма с валидацией) для своего проекта.

Урок 2 (2 часа): Vibe Coding для Автоматизации и Быстрой Проверки Гипотез

• Использование Vibe Coding для быстрой проверки нескольких дизайн-гипотез.

• Автоматизация создания вариаций дизайна.

• Будущее Vibe Coding и его влияние на роль дизайнера.

• Домашнее Задание: Сформулировать 2-3 дизайн-гипотезы для одной из функций своего проекта и быстро создать прототипы для их проверки с помощью Vibe Coding.

Неделя 27 (4 часа): Карьерный Трек и Подготовка к Рынку Труда

Урок 1 (2 часа): Создание Резюме и Сопроводительного Письма для Junior/Middle Дизайнера

• Особенности резюме для продвинутого уровня. Акцент на достижениях и комплексных проектах.

• Написание эффективных сопроводительных писем.

• Практическое Задание: Составить или обновить свое резюме и написать шаблон сопроводительного письма.

Урок 2 (2 часа): Поиск Вакансий и Прохождение Технических Собеседований

• Где искать вакансии senior-уровня. Нетворкинг.

• Подготовка к техническим вопросам на собеседованиях (Figma, дизайн-системы, процессы).

• Домашнее Задание: Провести симуляцию технического собеседования.

Неделя 28 (4 часа): Финальные Презентации и Завершение Курса

Урок 1 (2 часа): Презентация Итоговых Портфолийных Проектов (Часть 1)

• Студенты представляют свои итоговые проекты.

• Обсуждение, вопросы и ответы, обратная связь.

• Мероприятие: Презентация проектов.

Урок 2 (2 часа): Презентация Итоговых Портфолийных Проектов (Часть 2) и Подведение Итогов

• Продолжение презентаций.

• Подведение итогов курса, вручение сертификатов (если применимо).

• Рекомендации по дальнейшему развитию.

• Мероприятие: Завершение презентаций, подведение итогов.