Содержание курса
16
разделов
48
уроков
1
тест
12 ч.
обн. 17 мая 2026
1. Подготовка
3 урока
1 999
1 942
5м
99
Закрытый
1.1
О чем этот курс
↗
875
875
2м 24с
47
Закрытый
1.2
Скачиваем материалы для курса
↗
604
547
2м 53с
33
Закрытый
1.3
Оставайтесь со мной на связи
↗
520
520
0м 15с
19
2. Введение в прототипирование (Новая версия курса)
3 урока
11
11
22м
0
Закрытый
2.1
Создаем первую анимацию
↗
5
5
7м 12с
0
Закрытый
2.2
Настройки вкладки Prototype
↗
3
3
6м 25с
0
Закрытый
2.3
Основные настройки анимирования
↗
3
3
8м 1с
0
3. Motion design.
15 уроков
5 949
5 949
96м
345
Закрытый
3.1
Об обновлении интерфейса (Смотреть опционально)
↗
213
213
13м 50с
10
Закрытый
3.2
О чем этот блок
↗
531
531
1м 54с
27
Закрытый
3.3
Создаем первую анимацию
↗
536
536
6м 7с
42
Закрытый
3.4
Как работают анимации в Figma
↗
490
490
8м 7с
29
Закрытый
3.5
Что такое кривые Безье
↗
467
467
5м 31с
29
Закрытый
3.6
Анимируем мобильное приложение "Фото-сток"
↗
453
453
7м 11с
23
Закрытый
3.7
Практика. Создайте собственную анимацию в проекте "Фото-сток".
↗
415
415
2м 18с
28
Закрытый
3.8
Пример преподавателя. Создаем анимацию в проекте "Фото-сток".
↗
398
398
4м 55с
22
Закрытый
3.9
Как создать Parallax Effect
↗
395
395
16м 15с
30
Закрытый
3.10
Создаем анимацию гамбургера
↗
375
375
8м 50с
17
Закрытый
3.11
Создаем анимацию загрузки страницы
↗
355
355
6м 40с
20
Закрытый
3.12
Как работают Flows в прототипах. Организация страниц в проекте.
↗
344
344
6м 29с
21
Закрытый
3.13
Как создать анимацию "темной" и "светлой" темы через кнопку
↗
335
335
6м 21с
19
Закрытый
3.14
Как создать обложку проекту
↗
327
327
6м 36с
17
Закрытый
3.15
Практика. Создайте свой Parallax Effect
↗
315
315
2м 39с
11
4. Базовые настройки прототипов (Новая версия курса)
6 уроков
14
14
46м
0
Закрытый
4.1
Как работает настройка скроллинга
↗
4
4
7м 0с
0
Закрытый
4.2
Как работают Fixed & Sticky
↗
2
2
5м 56с
0
Закрытый
4.3
Анимируем приложение
↗
2
2
9м 31с
0
Закрытый
4.4
Подробно про настройку open overlay
↗
2
2
7м 36с
0
Закрытый
4.5
Поведение анимации во времени (Кривые)
↗
2
2
7м 2с
0
Закрытый
4.6
Создаем анимацию nav menu
↗
2
2
12м 38с
0
5. Использование "вариантов" в анимациях
15 уроков
3 967
3 937
105м
240
Закрытый
5.1
О чем этот блок
↗
310
310
1м 49с
16
Закрытый
5.2
Что такое "Варианты в figma"
↗
329
329
15м 25с
24
Закрытый
5.3
Как использовать "варианты" в анимациях
↗
308
308
9м 47с
22
Закрытый
5.4
Кнопка быстрого доступа к "вариантам"
↗
294
294
3м 37с
18
Закрытый
5.5
Как тестировать ваш макет на мобильном девайсе
↗
292
292
4м 37с
21
Закрытый
5.6
Как работает spinner. Анимируем текст
↗
293
293
14м 44с
21
Закрытый
5.7
Как создать анимацию как на сайте apple
↗
289
289
9м 25с
18
Закрытый
5.8
Как запустить видео файл в figma
↗
273
273
3м 53с
14
Закрытый
5.9
Как использовать GIF в своих проектах. Сток анимированных иконок
↗
276
276
4м 22с
13
Закрытый
5.10
Практика. Создайте анимацию "360 градусов"
↗
277
277
2м 34с
9
Закрытый
5.11
Пример преподавателя. Как создать анимацию "360 градусов "
↗
273
273
2м 3с
11
Закрытый
5.12
Обновление 2023. Как работают переменные.
↗
196
196
12м 5с
16
Закрытый
5.13
Обновления 2023. Обновления Auto Layout
↗
189
159
14м 55с
16
Закрытый
5.14
Обновления 2023. Прототипирование + переменные
↗
184
184
10м 10с
12
Закрытый
5.15
Обновления 2023. Куда делась вкладка Inspect!?
↗
184
184
3м 22с
9
6. Компоненты и варианты в прототипировании (Новая версия курса)
6 уроков
7
7
53м
0
Закрытый
6.1
Как работают компоненты
↗
2
2
8м 19с
0
Закрытый
6.2
Как работают варианты
↗
1
1
12м 42с
0
Закрытый
6.3
Как работает swap instance
↗
1
1
7м 10с
0
Закрытый
6.4
Знакомство с переменными
↗
1
1
11м 23с
0
Закрытый
6.5
Особенности вариантов в прототипировании
↗
1
1
6м 58с
0
Закрытый
6.6
Прототипирование варинтами меню
↗
1
1
8м 10с
0
7. Создание анимаций через плагин Motion Plugin
3 урока
796
796
21м
51
Закрытый
7.1
Как работает плагин Motion Plugin
↗
282
282
13м 48с
21
Закрытый
7.2
Используем плагин вместе с масками
↗
256
256
5м 34с
17
Закрытый
7.3
Экспорт анимации из плагина
↗
258
258
4м 42с
13
8. Компоненты в анимировании (Новая версия курса)
6 уроков
0
0
51м
0
Закрытый
8.1
Создаем прелоадер приложения
↗
0
0
12м 41с
0
Закрытый
8.2
Прелоадер с помощью вариантов
↗
0
0
6м 32с
0
Закрытый
8.3
Создаем пралакс эффект часть 1
↗
0
0
7м 53с
0
Закрытый
8.4
Создаем пралакс эффект часть 2
↗
0
0
15м 42с
0
Закрытый
8.5
Два действия на один триггер
↗
0
0
8м 13с
0
Закрытый
8.6
Делаем еще один параллакс эффект
↗
0
0
4м 31с
0
9. Современные стили. Градиент / Стекло / 3D
11 уроков
2 848
2 848
59м
178
Закрытый
9.1
Как создать анимацию градиента
↗
275
275
7м 22с
19
Закрытый
9.2
Как работают режимы наложения
↗
258
258
5м 4с
17
Закрытый
9.3
Создаем эффект "Paper Cut" с градиентом
↗
263
263
5м 0с
17
Закрытый
9.4
Как создать эффект "стекла"
↗
274
274
5м 31с
19
Закрытый
9.5
Как сделать эффект "стекла" более объемным
↗
260
260
4м 0с
20
Закрытый
9.6
Как создавать собственные стеклянные иконки
↗
254
254
5м 50с
15
Закрытый
9.7
Как превратить обычную иконку в стеклянную
↗
252
252
4м 0с
10
Закрытый
9.8
Практика. Создайте собственный эффект стекла
↗
247
247
1м 56с
11
Закрытый
9.9
Как создавать эффект 3D из обычных элементов
↗
262
262
8м 40с
20
Закрытый
9.10
Как создать иконку в стиле 3D
↗
250
250
7м 10с
16
Закрытый
9.11
Создаем 3D элементы на стартовой странице сайта
↗
253
253
8м 58с
14
10. Главные правила UX - пользовательского опыта
13 уроков
3 166
3 166
99м
206
Закрытый
10.1
О чем этот блок
↗
278
278
1м 20с
14
Закрытый
10.2
Что такое дизайн
↗
278
278
7м 33с
19
Закрытый
10.3
Главное правило. Не заставляйте людей думать
↗
272
272
9м 23с
17
Закрытый
10.4
Как люди на самом деле используют браузер
↗
259
259
14м 3с
23
Закрытый
10.5
Привычки пользователей и как извлекать из них выгоду
↗
243
243
14м 36с
23
Закрытый
10.6
Выбор без размышлений
↗
234
234
5м 46с
15
Закрытый
10.7
Сокращайте текст
↗
229
229
5м 32с
16
Закрытый
10.8
Практика. Сделайте простым и удобным
↗
236
236
3м 50с
10
Закрытый
10.9
Пример преподавателя. Сделайте простым и удобным
↗
230
230
6м 47с
12
Закрытый
10.10
Используйте навигацию на сайте
↗
233
233
15м 33с
17
Закрытый
10.11
Все мы разные
↗
218
218
6м 28с
14
Закрытый
10.12
Проводите тестирование
↗
226
226
7м 14с
10
Закрытый
10.13
Заключение. Постулаты хорошего веб дизайна
↗
230
230
8м 37с
16
11. Видео и 3D-анимация (Новая версия курса)
3 урока
0
0
19м
0
Закрытый
11.1
Разница между платной и бесплатной версиями Figma
↗
0
0
6м 29с
0
Закрытый
11.2
Покадровое прототипирование видео
↗
0
0
8м 30с
0
Закрытый
11.3
3D Анимация
↗
0
0
5м 45с
0
12. Что дальше?
2 урока
230
230
1м
29
Закрытый
12.1
Моя книга по UX-Исследованиям
↗
0
0
-
0
Закрытый
12.2
До новых встреч!
↗
230
230
1м 12с
29
13. Профессиональное использование переменных (Новая версия курса)
4 урока
1
1
32м
0
Закрытый
13.1
Создаем переменные цвета
↗
1
1
7м 10с
0
Закрытый
13.2
Что такое токены и alias
↗
0
0
6м 20с
0
Закрытый
13.3
Создаем токены для всех свойств
↗
0
0
15м 29с
0
Закрытый
13.4
Тёмная и светлая тема в один клик
↗
0
0
3м 25с
0
14. Прототипирование переменных (Новая версия курса)
8 уроков
0
0
65м
0
Закрытый
14.1
Как оплатить Figma из России
↗
0
0
-
0
Закрытый
14.2
Как работает режим Set Variable
↗
0
0
12м 32с
0
Закрытый
14.3
Прототипирование табов с помощью переменных
↗
0
0
8м 6с
0
Закрытый
14.4
Изменение нескольких переменных одновременно
↗
0
0
8м 15с
0
Закрытый
14.5
Как работает условное ветвление (IF/ELSE)
↗
0
0
7м 7с
0
Закрытый
14.6
Финальная практика
↗
0
0
6м 9с
0
Закрытый
14.7
Пример преподавателя часть 1
↗
0
0
11м 2с
0
Закрытый
14.8
Пример преподавателя часть 2
↗
0
0
13м 48с
0
15. Получите ваш сертификат
1 урок
292
248
0м
11
Закрытый
15.1
Тест для получения сертификата об окончании курса
↗
292
248
0м 16с
11
16. Бонус: дополнительные анимации (Новая версия курса)
6 уроков
0
0
40м
0
Закрытый
16.1
Анимация градиента
↗
0
0
7м 22с
0
Закрытый
16.2
Как работают режимы наложения
↗
0
0
5м 4с
0
Закрытый
16.3
Как работает Paper Cut Effect
↗
0
0
5м 0с
0
Закрытый
16.4
Как создать эффект 3D
↗
0
0
8м 40с
0
Закрытый
16.5
Создаем объемную иконку Figma
↗
0
0
7м 10с
0
Закрытый
16.6
Создаем 3D элементы
↗
0
0
8м 58с
0