Содержание курса
23
раздела
131
урок
1
тест
18 ч.
обн. 17 мая 2026
1. Подготовка к курсу
3 урока
6 651
6 419
11м
285
Закрытый
1.1
Скачиваем материалы
↗
2 426
2 194
7м 8с
125
Закрытый
1.2
Как проходить курс
↗
2 140
2 140
4м 53с
94
Закрытый
1.3
Оставайтесь со мной на связи
↗
2 085
2 085
0м 15с
66
2. Основы Figma
11 уроков
16 658
16 658
103м
732
Закрытый
2.1
Какие размеры у сайта
↗
2 134
2 134
14м 3с
85
Закрытый
2.2
Создаем frame сайта
↗
2 035
2 035
12м 14с
85
Закрытый
2.3
Что такое сетка grid
↗
1 948
1 948
12м 51с
84
Закрытый
2.4
Stretch vs Center Grid
↗
650
650
6м 32с
15
Закрытый
2.5
Основы работы с Фигурами \ Изображениями \ Слоями
↗
1 879
1 879
11м 45с
94
Закрытый
2.6
Основы работы с текстом
↗
1 811
1 811
15м 33с
89
Закрытый
2.7
Заметка по платным функциям.
↗
563
563
0м 23с
16
Закрытый
2.8
Группировка слоев и немного про режим презентации
↗
1 747
1 747
7м 23с
89
Закрытый
2.9
Режим презентации и пара горячих клавиш
↗
558
558
7м 29с
18
Закрытый
2.10
Как сохранять и передавать файлы Figma
↗
1 674
1 674
11м 55с
79
Закрытый
2.11
Разница UX и UI
↗
1 659
1 659
8м 49с
78
3. Работа с цветом
7 уроков
9 982
9 982
74м
498
Закрытый
3.1
Подбор цвета из изображений
↗
1 657
1 657
3м 40с
75
Закрытый
3.2
ПРАКТИКА #1 - Подберите цвет из изображения
↗
1 633
1 633
8м 30с
99
Закрытый
3.3
Что такое HSB. Точная настройка цвета
↗
1 583
1 583
8м 13с
74
Закрытый
3.4
Инструменты подбора цвета для проекта
↗
1 567
1 567
12м 50с
89
Закрытый
3.5
Как работать с градиентом
↗
1 539
1 539
8м 19с
70
Закрытый
3.6
Правило пропорций цвета 60/30/10
↗
1 526
1 526
10м 52с
79
Закрытый
3.7
ПРАКТИКА #2 - Подберите цвета для сайта
↗
477
477
26м 47с
12
4. Работа с изображениями
14 уроков
12 424
12 424
108м
557
Закрытый
4.1
Разница растровой и векторной графики
↗
1 478
1 478
4м 48с
66
Закрытый
4.2
Выбирайте качественные изображения
↗
1 438
1 438
8м 33с
75
Закрытый
4.3
Как затемнять изображения
↗
428
428
11м 20с
11
Закрытый
4.4
Как тонировать изображения
↗
1 430
1 430
7м 4с
83
Закрытый
4.5
ПРАКТИКА #3 - Затонируйте изображение
↗
398
398
4м 17с
8
Закрытый
4.6
Техника экстремальной обрезки
↗
1 402
1 402
8м 37с
82
Закрытый
4.7
ПРАКТИКА #4 - Экстримальная обрезка
↗
391
391
6м 30с
8
Закрытый
4.8
Техника мягкой обрезки
↗
1 356
1 356
4м 46с
68
Закрытый
4.9
ПРАКТИКА #5 - Мягкая обрезка
↗
380
380
4м 53с
7
Закрытый
4.10
Про иконки
↗
1 322
1 322
6м 14с
63
Закрытый
4.11
Как создать свою иконку
↗
1 290
1 290
18м 51с
63
Закрытый
4.12
Как работать с обводкой
↗
372
372
8м 14с
7
Закрытый
4.13
Функции ИИ для изображений в Figma (платная Figma)
↗
378
378
10м 39с
5
Закрытый
4.14
Используйте сторонние нейросети для изображений
↗
361
361
10м 56с
11
5. Основы AutoLayOut
2 урока
2 477
2 477
22м
140
Закрытый
5.1
Основы работы с AutoLayout
↗
1 281
1 281
16м 13с
73
Закрытый
5.2
ПРАКТИКА #6 - AutoLayOut
↗
1 196
1 196
6м 11с
67
6. Продвинутая работа с фигурами
7 уроков
5 406
5 406
68м
277
Закрытый
6.1
Как работает инструмент "pen tool"
↗
1 162
1 162
12м 49с
58
Закрытый
6.2
Продвинутая работа с Pen Tool
↗
330
330
13м 4с
14
Закрытый
6.3
ПРАКТИКА #7 - "Pen tool"
↗
1 104
1 104
8м 15с
51
Закрытый
6.4
Как создавать паттерны
↗
325
325
8м 27с
11
Закрытый
6.5
Текст по контуру и кисти
↗
313
313
6м 53с
12
Закрытый
6.6
Разница фреймов и групп
↗
1 079
1 079
10м 38с
73
Закрытый
6.7
Делаем следующую секцию сайта
↗
1 093
1 093
11м 42с
58
7. Отступы в веб дизайне
3 урока
3 131
3 131
35м
172
Закрытый
7.1
Правила отступов в веб дизайне
↗
1 080
1 080
12м 56с
60
Закрытый
7.2
ПРАКТИКА #8 - Отступы в веб дизайне
↗
1 037
1 037
19м 7с
53
Закрытый
7.3
Подводим итоги про отступы
↗
1 014
1 014
4м 10с
59
8. Эффекты и стили
3 урока
2 251
2 251
32м
111
Закрытый
8.1
Как работают стили
↗
979
979
15м 27с
51
Закрытый
8.2
Создаем следующую секцию сайта
↗
273
273
7м 18с
6
Закрытый
8.3
Как работают эффекты
↗
999
999
9м 1с
54
9. Маски и плагины
7 уроков
5 031
5 031
58м
291
Закрытый
9.1
Как работают маски
↗
961
961
9м 50с
58
Закрытый
9.2
Дополнительная практика по маскам
↗
907
907
10м 0с
44
Закрытый
9.3
Делаем следующую секцию
↗
251
251
9м 59с
8
Закрытый
9.4
Как работают плагины
↗
889
889
7м 31с
53
Закрытый
9.5
Что такое Figma Community
↗
246
246
4м 38с
10
Закрытый
9.6
Создаем Footer Сайта
↗
887
887
6м 20с
52
Закрытый
9.7
Доделываем сайт
↗
890
890
13м 18с
66
10. Работа со шрифтами
7 уроков
5 880
5 880
52м
327
Закрытый
10.1
Важность шрифтов
↗
876
876
3м 12с
48
Закрытый
10.2
Типы шрифтов
↗
861
861
6м 0с
51
Закрытый
10.3
Где брать новые шрифты
↗
851
851
6м 40с
39
Закрытый
10.4
Как подбирать шрифты
↗
844
844
6м 46с
45
Закрытый
10.5
ПРАКТИКА #9 - Подберите шрифты
↗
828
828
11м 33с
52
Закрытый
10.6
Настройки шрифта
↗
821
821
15м 59с
47
Закрытый
10.7
ПРАКТИКА #10 - Настройка шрифта
↗
799
799
6м 48с
45
11. Подготовка к новому проекту
6 уроков
3 770
3 770
43м
208
Закрытый
11.1
Как создать обложку проекта
↗
841
841
5м 34с
48
Закрытый
11.2
Бриф с заказчиком
↗
819
819
7м 24с
53
Закрытый
11.3
ПРАКТИКА #11 - Travel Project
↗
247
247
3м 54с
6
Закрытый
11.4
Как создавать mood board
↗
818
818
5м 17с
44
Закрытый
11.5
Что такое Wireframe сайта
↗
816
816
14м 35с
49
Закрытый
11.6
Обзор функций ИИ в Figma (платная Figma)
↗
229
229
9м 1с
8
12. Дизайн система
6 уроков
4 317
4 317
44м
198
Закрытый
12.1
Нужен ли дизайнеру Photoshop
↗
774
774
14м 21с
48
Закрытый
12.2
Как приобрести лицензионный фотошоп из России
↗
715
715
2м 52с
19
Закрытый
12.3
Что такое дизайн система
↗
746
746
8м 49с
36
Закрытый
12.4
Делаем лист стилей
↗
716
716
7м 50с
35
Закрытый
12.5
Исправляю небольшую проблему со стилями
↗
687
687
9м 49с
28
Закрытый
12.6
ПРАКТИКА #12 - Создайте свою дизайн систему
↗
679
679
4м 19с
32
13. Компоненты и варианты в figma
5 уроков
3 269
3 269
49м
171
Закрытый
13.1
Делаем следующую секцию сайта
↗
701
701
12м 6с
34
Закрытый
13.2
Как работают компоненты
↗
676
676
12м 8с
38
Закрытый
13.3
Как работают варианты
↗
650
650
17м 22с
37
Закрытый
13.4
Подводим итоги Варианты
↗
640
640
6м 14с
35
Закрытый
13.5
ПРАКТИКА #13 - Создайте собственные варианты
↗
602
602
1м 29с
27
14. Углублённая работа с AutoLayOut
9 уроков
4 548
4 548
80м
224
Закрытый
14.1
Создаем следующую секцию сайта
↗
581
581
9м 58с
26
Закрытый
14.2
Как работает GRID AutoLayOut
↗
572
572
17м 36с
26
Закрытый
14.3
AutoLayOut Pro версия
↗
558
558
13м 57с
36
Закрытый
14.4
Создаем следующую секцию сайта
↗
185
185
12м 0с
4
Закрытый
14.5
Делаем страницу блога
↗
541
541
7м 39с
29
Закрытый
14.6
Создаем карточку блога
↗
545
545
10м 12с
23
Закрытый
14.7
Как работают Min width / Max Width
↗
523
523
5м 14с
30
Закрытый
14.8
Создаем варианты карточки блога
↗
513
513
6м 1с
26
Закрытый
14.9
ПРАКТИКА #14 - Создайте дизайн сайта
↗
530
530
1м 17с
24
15. Адаптивный дизайн
7 уроков
3 566
3 566
102м
190
Закрытый
15.1
Основы constraints
↗
544
544
8м 39с
27
Закрытый
15.2
Как работают constraints с grid layout
↗
510
510
7м 33с
28
Закрытый
15.3
ПРАКТИКА #15 - Constraints
↗
488
488
8м 6с
25
Закрытый
15.4
Что такое адаптивный дизайн
↗
510
510
17м 58с
30
Закрытый
15.5
Что такое DPI и PPI
↗
512
512
6м 13с
31
Закрытый
15.6
Адаптируем первую страницу сайта
↗
529
529
43м 32с
24
Закрытый
15.7
ПРАКТИКА #16 - Адаптируйте сайт
↗
473
473
14м 23с
25
16. Ускорение работы
1 урок
470
470
15м
52
Закрытый
16.1
Полезные горячие клавиши
↗
470
470
15м 51с
52
17. Прототипирование
13 уроков
5 556
5 556
80м
317
Закрытый
17.1
Предисловие к блоку
↗
168
168
0м 18с
7
Закрытый
17.2
Режим презентация макета
↗
502
502
9м 4с
26
Закрытый
17.3
Углубленные настройки прототипов
↗
474
474
9м 19с
23
Закрытый
17.4
Базовая анимация в figma
↗
479
479
7м 29с
29
Закрытый
17.5
Как работают кривые Безье
↗
458
458
8м 0с
23
Закрытый
17.6
Работа open overlay & scroll to
↗
451
451
7м 26с
25
Закрытый
17.7
Как работает swap overlay
↗
434
434
7м 4с
30
Закрытый
17.8
Как работает After Delay
↗
434
434
3м 2с
25
Закрытый
17.9
Как работает Smart Animate
↗
428
428
7м 22с
22
Закрытый
17.10
Анимируем меню сайта
↗
453
453
6м 31с
27
Закрытый
17.11
Прототипирование компонетов
↗
432
432
7м 6с
25
Закрытый
17.12
Reset Position & Component state
↗
420
420
6м 3с
27
Закрытый
17.13
Заключение блока прототипирование
↗
423
423
2м 17с
28
18. Платная или Бесплатная Figma?
1 урок
448
448
11м
25
Закрытый
18.1
Отличия платной и бесплатной figma
↗
448
448
11м 57с
25
19. Экспорт
2 урока
848
848
10м
42
Закрытый
19.1
Экспорт изображений
↗
439
439
6м 4с
22
Закрытый
19.2
Как работать в команде
↗
409
409
4м 21с
20
20. AI & Buzz & Sites & Slides
5 уроков
1 918
1 918
31м
102
Закрытый
20.1
Обзор Figma Make
↗
158
158
10м 12с
8
Закрытый
20.2
Обзор Figma Site
↗
149
149
5м 16с
3
Закрытый
20.3
Обзор Figma Buzz
↗
144
144
7м 47с
7
Закрытый
20.4
Обзор Figma Slides
↗
142
142
4м 23с
3
Закрытый
20.5
Обзор Figma Jam
↗
1 325
1 325
4м 20с
81
21. Бонус! Работа в Photoshop
9 уроков
7 117
6 919
55м
364
Закрытый
21.1
Рекламная пауза
↗
790
592
2м 59с
33
Закрытый
21.2
Подготовка программы
↗
927
927
5м 39с
38
Закрытый
21.3
Работа со слоями в Photoshop
↗
816
816
8м 9с
39
Закрытый
21.4
Расширяем границы изображений
↗
778
778
10м 22с
47
Закрытый
21.5
Удаляем ненужное из фото
↗
759
759
8м 43с
43
Закрытый
21.6
Как вырезать человека из одного фото и вставить его в другое
↗
756
756
9м 26с
43
Закрытый
21.7
Как работают маски в фотошоп
↗
725
725
6м 7с
38
Закрытый
21.8
Экспорт файлов из фотошоп
↗
721
721
4м 56с
32
Закрытый
21.9
Что дальше?
↗
845
845
2м 30с
51
22. Что дальше?
2 урока
471
471
4м
52
Закрытый
22.1
Моя книга по UX-Исследования
↗
7
7
-
0
Закрытый
22.2
До свидания!
↗
464
464
4м 35с
52
23. Получите ваш сертификат
1 урок
1 372
979
1м
42
Закрытый
23.1
Тест для получения сертификата об окончании курса
↗
1 372
979
1м 53с
42