Курс на Stepik
Обложка курса «Веб-дизайн в Figma: ключ к успеху. С нуля» на Stepik
2 490 ₽

Веб-дизайн в Figma: ключ к успеху. С нуля ★ 4.900

Открыть на
STEPIK.ORG

Полностью обновленный курс по Figma. Курс записан в самом актуальном интерфейсе Figma. На этом курсе вы научитесь с нуля создавать детально проработанные сайты: начиная от создания дизайн-системы, заканчивая работой с Autolayout и компонентами.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб-дизайн в Figma: ключ к успеху. С нуля»Учеников на курсе 327
Сертификаты, выданные на курсе «Веб-дизайн в Figma: ключ к успеху. С нуля»Сертификатов выдано 99
Отзывы о курсе «Веб-дизайн в Figma: ключ к успеху. С нуля»Отзывов получено 10
Рейтинг курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Рейтинг курса 4.900
Уроки в курсе «Веб-дизайн в Figma: ключ к успеху. С нуля»Количество уроков 56
Тесты в курсе «Веб-дизайн в Figma: ключ к успеху. С нуля»Количество квизов 10
Время прохождения курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Время прохождения курса —
Стоимость курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Стоимость курса 2 490 ₽ —
Обновления курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Обновления курса — —
Дата публикации курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Дата публикации курса — ———
Последнее обновление курса «Веб-дизайн в Figma: ключ к успеху. С нуля»Последнее обновление — ———
Сложность easy — ———

Содержание курса

Разделы в курсе «Веб-дизайн в Figma: ключ к успеху. С нуля» 23 раздела Уроки в курсе «Веб-дизайн в Figma: ключ к успеху. С нуля» 56 уроков Тесты в курсе «Веб-дизайн в Figma: ключ к успеху. С нуля» 10 тестов Время прохождения курса «Веб-дизайн в Figma: ключ к успеху. С нуля» 8 ч. Последнее обновление курса «Веб-дизайн в Figma: ключ к успеху. С нуля» обн. 30 марта 2026

1. Знакомство

3 урока
Закрытый
1.1 Информация о курсе ↗
85
85
0м 14с
1
Закрытый
1.2 Как проходить курс ↗
234
234
0м 24с
2
Закрытый
1.3 Установка Figma ↗
3 008
3 008
0м 15с
6

2. Базовый модуль по Figma

4 урока
Закрытый
2.1 Создание первого проекта ↗
92
92
8м 2с
2
Закрытый
2.2 Учимся работать со шрифтами ↗
84
84
9м 31с
2
Закрытый
2.3 Изучаем направляющие и Grid сетки ↗
79
79
8м 59с
1
Закрытый
2.4 Учимся работать с цветами и градиентами ↗
76
76
7м 52с
1

3. Профильный модуль по Figma

4 урока
Закрытый
3.1 Учимся работать с Autolayout ↗
80
80
11м 22с
1
Закрытый
3.2 Разбираемся что такое компоненты и для чего они нужны ↗
71
71
8м 25с
2
Закрытый
3.3 Учимся работать со стилями ↗
70
70
4м 20с
2
Закрытый
3.4 Знакомимся с эффектами ↗
64
64
6м 21с
1

4. Создаём лендинг для аренды спецтехники

13 уроков
Закрытый
4.1 Создаём UI KIT: стили для текста ↗
68
68
10м 29с
0
Закрытый
4.2 Создаём UI KIT: стили для цветов ↗
59
59
7м 28с
0
Закрытый
4.3 Создаём UI KIT: создаём кнопки ↗
59
59
7м 15с
0
Закрытый
4.4 Создаём UI KIT: создаём поля ввода ↗
55
55
6м 0с
0
Закрытый
4.5 Создаём первый экран ч. 1 ↗
57
57
11м 3с
0
Закрытый
4.6 Создаём первый экран ч. 2 ↗
50
50
5м 54с
0
Закрытый
4.7 Создаём каталог спецтехники ч. 1 ↗
50
50
10м 8с
0
Закрытый
4.8 Создаём каталог спецтехники ч. 2 ↗
50
50
15м 49с
0
Закрытый
4.9 Создаём форму обратной связи ↗
48
48
11м 59с
0
Закрытый
4.10 Создаём блок с контактами ↗
48
48
11м 56с
0
Закрытый
4.11 Создаём подвал сайта ↗
43
43
5м 41с
0
Закрытый
4.12 Адаптируем сайт под мобильные устройства ч. 1 ↗
48
48
15м 58с
0
Закрытый
4.13 Адаптируем сайт под мобильные устройства ч. 2 ↗
47
47
7м 12с
0

5. Правила создания композиции

2 урока
Закрытый
5.1 Что такое F-паттерн ↗
46
46
13м 31с
0
Закрытый
5.2 Что такое Z-паттерн ↗
40
40
5м 59с
0

6. UX-дизайн

5 уроков
Закрытый
6.1 Визуальная коммуникация ↗
176
150
5м 43с
13
Закрытый
6.2 Портрет аудитории и мудборд ↗
166
153
2м 58с
10
Закрытый
6.3 Пользовательские сценарии и паттерны их использования ↗
164
144
5м 51с
9
Закрытый
6.4 Юзабилити ↗
159
144
4м 31с
7
Закрытый
6.5 Гипотезы ↗
161
144
2м 7с
6

7. Итоговая работа UX-дизайн Экзамен

1 урок
Закрытый
7.1 Итоговая работа ↗
129
127
1м 9с
5

8. Создаём дизайн интерфейса CRM системы

17 уроков
Закрытый
8.1 Создаём блок навигации ч. 1 ↗
43
43
12м 0с
1
Закрытый
8.2 Создаём блок навигации ч. 2 ↗
37
37
13м 2с
1
Закрытый
8.3 Создаём информационные блоки ↗
34
34
12м 43с
1
Закрытый
8.4 Создаём блок "Последние заказы" ↗
31
31
15м 54с
0
Закрытый
8.5 Создаём блок "Постоянные клиенты" ↗
31
31
13м 44с
1
Закрытый
8.6 Создаём страницу с задачами ч. 1 ↗
29
29
10м 10с
1
Закрытый
8.7 Создаём страницу с задачами ч. 2 ↗
24
24
11м 20с
0
Закрытый
8.8 Создаём страницу с задачами ч. 3 ↗
25
25
13м 0с
0
Закрытый
8.9 Создаём кнопку добавления новой задачи ↗
24
24
7м 25с
0
Закрытый
8.10 Создаём страницу с заказами ↗
24
24
13м 3с
0
Закрытый
8.11 Создаём страницу с добавлением нового заказа ч. 1 ↗
23
23
13м 47с
0
Закрытый
8.12 Создаём страницу с добавлением нового заказа ч. 2 ↗
21
21
12м 50с
0
Закрытый
8.13 Создаём страницу с добавлением нового заказа ч. 3 ↗
19
19
9м 51с
0
Закрытый
8.14 Создаём страницу с клиентами ↗
19
19
13м 45с
0
Закрытый
8.15 Создаём кнопку добавления нового клиента ↗
19
19
6м 55с
0
Закрытый
8.16 Создаём страницу с отчётами ↗
23
23
10м 55с
0
Закрытый
8.17 Создаём страницу с настройками ↗
23
23
13м 41с
0

9. Создаём кейс для Dproifle

3 урока
Закрытый
9.1 Создаём кейс в Figma ч. 1 ↗
31
31
8м 54с
0
Закрытый
9.2 Создаём кейс в Figma ч. 2 ↗
25
25
9м 46с
0
Закрытый
9.3 Публикуем кейс на Dprofile ↗
28
28
3м 8с
0

10. Создаём сайт-портфолио на Tilda

3 урока
Закрытый
10.1 Создаём главный экран ↗
30
30
10м 9с
0
Закрытый
10.2 Создаём блок с портфолио ↗
22
22
8м 55с
0
Закрытый
10.3 Создаём блок с контактами и публикуем сайт ↗
28
28
5м 23с
0

11. Финал

1 урок
Закрытый
11.1 Получение сертификата ↗
32
21
1м 42с
0

12. Знакомство (старый)

4 урока
Открытый
12.1 Вступление и знакомство с профессией ↗
361
230
1м 4с
11
Закрытый
12.2 Ссылка на закрытый чат в Telegram ↗
242
242
0м 3с
8
Открытый
12.3 Обновление курса от 28.07.24 ↗
291
291
0м 20с
5
Закрытый
12.4 Установка Figma ↗
5 929
5 929
4м 37с
64

13. Основы Figma (старый)

4 урока
Закрытый
13.1 Создаём первый проект и работаем с размерами ↗
5 252
5 252
15м 37с
190
Закрытый
13.2 Учимся работать со шрифтами ↗
3 358
3 358
16м 27с
97
Закрытый
13.3 Направляющие и сетки ↗
2 586
2 586
9м 12с
83
Закрытый
13.4 Экспорт слоёв и фреймов ↗
2 257
2 257
7м 35с
66

14. Профильный модуль Figma (старый)

6 уроков
Закрытый
14.1 Магия Autolayout ↗
2 129
2 129
12м 28с
49
Закрытый
14.2 Компоненты ↗
1 745
1 745
9м 25с
59
Закрытый
14.3 Стили ↗
1 562
1 562
6м 30с
31
Закрытый
14.4 Эффекты ↗
1 462
1 462
8м 43с
42
Закрытый
14.5 Структура организации проекта ↗
1 406
785
7м 59с
41
Закрытый
14.6 Анимация ↗
1 358
1 358
15м 27с
23

15. Создаём первый сайт (старый)

5 уроков
Закрытый
15.1 Разбираем техническое задание ↗
1 355
1 355
6м 10с
20
Закрытый
15.2 Создаём UI KIT ↗
1 328
1 328
22м 28с
29
Закрытый
15.3 Создаём первый экран сайта ↗
1 210
1 210
21м 47с
26
Закрытый
15.4 Создаём основной контент сайта ↗
1 121
1 121
35м 42с
21
Закрытый
15.5 Адаптируем сайт под мобильные устройства ↗
1 084
1 084
17м 7с
20

16. Основы дизайна (старый)

2 урока
Закрытый
16.1 Правила создания правильной композиции ↗
90
90
6м 40с
7
Закрытый
16.2 Типографика в веб-дизайне ↗
85
85
2м 30с
5

17. Работа с фотографией (старый)

2 урока
Открытый
17.1 Где искать фотографии для своих проектов ↗
349
349
7м 21с
5
Открытый
17.2 Обработка фото в Figma ↗
232
232
4м 15с
2

18. Создание интернет-магазина автозапчастей (старый)

12 уроков
Закрытый
18.1 Разбираем техническое задание ↗
86
86
13м 25с
6
Закрытый
18.2 Разбираем сайты конкурентов ↗
79
79
5м 53с
2
Закрытый
18.3 Создание UI KIT ↗
78
69
28м 4с
4
Закрытый
18.4 Создание Header ↗
75
75
25м 13с
4
Закрытый
18.5 Создание первого экрана сайта ↗
71
71
16м 30с
4
Закрытый
18.6 Создание основного контента сайта ↗
71
63
54м 7с
3
Закрытый
18.7 Создание страницы каталога ↗
68
68
26м 56с
5
Закрытый
18.8 Создание страницы товара ↗
67
58
60м 21с
3
Закрытый
18.9 Создание страницы корзины ↗
59
59
18м 58с
3
Закрытый
18.10 Создание страницы оформления заказа ↗
60
60
37м 22с
3
Закрытый
18.11 Создание страницы с личным кабинетом ↗
62
62
21м 21с
3
Закрытый
18.12 Создание второстепенных страниц ↗
62
62
5м 9с
2

19. Дизайн мобильных приложений (старый)

2 урока
Закрытый
19.1 Дизайн мобильного приложения погоды ↗
67
67
40м 23с
1
Закрытый
19.2 Дизайн мобильного приложения погоды для Android ↗
60
60
11м 55с
0

20. Кейс на Behance (старый)

2 урока
Закрытый
20.1 Оформление кейса на Behance ↗
65
65
47м 32с
1
Закрытый
20.2 Публикация кейса ↗
53
53
12м 17с
0

21. Создание портфолио на Notion (старый)

2 урока
Закрытый
21.1 Что такое Notion и зачем он нужен ↗
70
70
6м 32с
0
Закрытый
21.2 Создаем портфолио на Notion ↗
64
64
26м 37с
0

22. Создаем сайт-портфолио (старый)

4 урока
Закрытый
22.1 Разработка UI KIT и верстка главного экрана ↗
71
71
32м 3с
2
Закрытый
22.2 Создание блока преимуществ и портфолио ↗
62
62
32м 38с
1
Закрытый
22.3 Создание блока с ценами ↗
54
54
20м 36с
2
Закрытый
22.4 Создание блока с формой обратной связи ↗
55
55
24м 34с
2

23. Финал (старый)

2 урока
Закрытый
23.1 Куда идти дальше? ↗
60
60
1м 10с
1
Закрытый
23.2 Финал! ↗
51
51
1м 59с
0