Навыки современного дизайнера: Figma, вайбкодинг, тестирование
Как собрать интерфейс в Figma, превратить его в прототип с помощью ИИ и проверить на людях
Что изучаем
Курс учит полному циклу работы над интерфейсом. Слушатели осваивают Figma на уровне компонентов, автолейаута и дизайн-системы, учатся ставить задачи ИИ-инструментам и собирать по макету работающий прототип, а затем проверяют его на пользователях и дорабатывают по итогам теста.Работа идёт над одним сквозным проектом — от макета до опубликованного прототипа, проверенного на людях. На выходе — проект для портфолио и понятный процесс, который можно повторять в работе.Старт: зачем курс и для кого
Контекст, аудитория и что нужно уметь до начала
Контекст
От дизайнера всё чаще ждут не только макетов, но и работающих прототипов, которые можно показать пользователям и команде. По данным McKinsey, спрос на умение работать с ИИ-инструментами разработки за два года вырос в семь раз, а в России 41% дизайнеров уже участвуют в разработке.Появились сервисы, которые собирают интерфейс по текстовому описанию, — это называют вайбкодингом. Но инструмент не заменяет основу: без понимания интерфейсных паттернов и проверки на людях результат получается быстрым, но слабым. Курс соединяет три навыка в один процесс: проектирование в Figma, сборку с помощью ИИ и тестирование.Для кого
— Начинающие дизайнеры, у которых работа заканчивается на макете.— Дизайнеры, которые хотят освоить ИИ-инструменты и собирать прототипы без разработчика.
— Продакт-менеджеры и маркетологи, которые хотят быстро проверять идеи на работающем прототипе.
Пререквизиты
— Знать: базовые элементы интерфейса на уровне пользователя: экран, кнопка, форма, меню.— Уметь: уверенно пользоваться компьютером и веб-сервисами. Опыт в программировании не нужен.
— Иметь: ноутбук с камерой и микрофоном, аккаунт в Figma и в 1–2 ИИ-сервисах для сборки интерфейса (например, Lovable, Bolt, v0 или Figma Make). На старте хватит бесплатных тарифов, для финальной сборки может понадобиться платный тариф одного сервиса.
Карта: формат курса
Сколько длится курс и как устроены занятия
Продолжительность и формат
1 модуль, 8 недель, полностью онлайн.— Занятия: 8 встреч по 3 часа и 4 консультации по 1,5 часа: 30 астрономических часов, это 40 академических.— Самостоятельная работа: около 6 часов в неделю: 48 астрономических часов, это 64 академических.
— Всего: около 104 академических часов.Все занятия и консультации проходят онлайн по видеосвязи: курс строится на показе работы в инструментах и разборе проектов на экране. Материалы: стартовая дизайн-система в Figma, шаблоны запросов для ИИ-инструментов, протокол юзабилити-теста, чек-лист публикации прототипа.
Шаги: тематический план
8 занятий: от макета в Figma до проверенного прототипа
Тематический план
1. Паттерны интерфейса: навигация, формы, состояния экранов. Разбор продуктов.2. Figma: фреймы, автолейаут, компоненты и варианты.
3. Дизайн-система: стили, переменные, библиотека компонентов.
4. Макет проекта: сценарии и ключевые экраны.
5. ИИ-инструменты сборки: обзор, сравнение, постановка задачи по макету.
6. Сборка прототипа: от макета к работающему интерфейсу, проверка и исправление ошибок.
7. Тестирование: сценарий теста, проведение юзабилити-теста, анализ результатов.
8. Доработка и публикация прототипа. Защита проекта.
Финал: результат курса
Что слушатели смогут и как это проверяется
После прохождения курса слушатели смогут
1. Анализировать интерфейсы по паттернам и состояниям.2. Собирать макеты в Figma на компонентах и автолейауте.
3. Проектировать сценарии и ключевые экраны.
4. Ставить задачи ИИ-инструментам и собирать работающий прототип по макету.
5. Проводить юзабилити-тест и анализировать его результаты.
6. Дорабатывать решение по итогам теста и представлять проект.
Задания (элементы контроля)
1. Три письменных разбора интерфейсов.2. Библиотека компонентов проекта в Figma.
3. Макет ключевых экранов проекта.
4. Прототип, собранный ИИ-инструментом и опубликованный по ссылке.
5. Отчёт о тесте с пятью пользователями и списком правок.
6. Защита доработанного проекта.
