Курс на Stepik
Обложка курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» на Stepik
8 490 ₽

Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора ★ 5.000

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

Освойте правила современного веб-дизайна и создавайте профессиональные макеты в Figma. (Бонус: использование нейросетей в дизайне) Курс с проверкой всех домашних заданий и двух проектов автором.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Учеников на курсе 20
Сертификаты, выданные на курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Сертификатов выдано 1
Отзывы о курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Отзывов получено 1
Рейтинг курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Рейтинг курса 5.000
Уроки в курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Количество уроков 111
Тесты в курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Количество квизов 1
Время прохождения курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Время прохождения курса —
Стоимость курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Стоимость курса 8 490 ₽ —
Обновления курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Обновления курса — —
Дата публикации курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Дата публикации курса — ———
Последнее обновление курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора»Последнее обновление — ———
Сложность normal — ———

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

Разделы в курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» 16 разделов Уроки в курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» 111 уроков Тесты в курсе «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» 1 тест Время прохождения курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» 13 ч. Последнее обновление курса «Веб дизайн в Figma — Продвинутый уровень | С поддержкой автора» обн. 17 мая 2026

1. Введение

7 уроков
Закрытый
1.1 Этот курс с поддержкой автора ↗
12
12
1м 43с
0
Открытый
1.2 О чем курс ↗
16
16
3м 33с
0
Закрытый
1.3 Скачайте материалы к курсу ↗
12
12
0м 29с
0
Закрытый
1.4 Это мультиязычный курс ↗
11
11
7м 56с
0
Закрытый
1.5 Как проходить курс ↗
12
12
4м 43с
0
Закрытый
1.6 Как задавать вопросы ↗
11
11
3м 27с
0
Закрытый
1.7 Оставайтесь со мной на связи! ↗
0
0
-
0

2. Типографика

10 уроков
Открытый
2.1 Консистентность — это самое главное ↗
15
15
3м 23с
0
Открытый
2.2 Самый первый UX\UI в мире ↗
14
14
4м 54с
0
Закрытый
2.3 Правильные настройки текста в веб-дизайне ↗
11
11
10м 54с
0
Закрытый
2.4 Типы шрифтов ↗
11
11
4м 42с
0
Закрытый
2.5 Как выбрать шрифт для проекта ↗
10
10
11м 31с
0
Закрытый
2.6 Как креативно форматировать текст ↗
11
11
9м 29с
0
Закрытый
2.7 Как форматировать текст в Figma ↗
9
9
23м 32с
0
Закрытый
2.8 Практика #1 — Отформатируйте текст красиво ↗
11
11
26м 38с
0
Закрытый
2.9 Что такое глифы ↗
10
10
5м 34с
0
Закрытый
2.10 Подводим итоги раздела ↗
8
8
4м 12с
0

3. Насмотренность и вдохновение

5 уроков
Закрытый
3.1 Дилема дизайнера ↗
9
9
5м 46с
0
Закрытый
3.2 Ресурсы для насмотренности ↗
8
8
9м 16с
0
Закрытый
3.3 Плагины для насмотренности ↗
8
8
6м 38с
0
Закрытый
3.4 Стили сайтов в веб-дизайне ↗
8
8
6м 53с
0
Закрытый
3.5 Используйте нейросети для насмотренности ↗
8
8
4м 33с
0

4. Сетки и направляющие

7 уроков
Закрытый
4.1 Типы сеток ↗
9
9
9м 53с
0
Закрытый
4.2 Создайте неудобную сетку ↗
8
8
2м 27с
0
Закрытый
4.3 Анализируйте чужие сетки ↗
8
8
15м 47с
0
Закрытый
4.4 Итоги — Типографика и сетки ↗
8
8
3м 59с
0
Закрытый
4.5 Практика # 2 — Разместите контент в сетке ↗
9
9
3м 59с
0
Закрытый
4.6 Практика # 2 — Выполненная ч. 1 ↗
8
8
12м 48с
0
Закрытый
4.7 Практика # 2 — Выполненная ч. 2 ↗
8
8
22м 41с
0

5. Первый проект

15 уроков
Закрытый
5.1 Задача и описание проекта ↗
8
8
8м 56с
0
Закрытый
5.2 Дополнение. Где брать фото ↗
7
7
3м 42с
0
Закрытый
5.3 Создаем модульную сетку ↗
7
7
5м 8с
0
Закрытый
5.4 Создаем Hero Section, часть 1 ↗
6
6
17м 2с
0
Закрытый
5.5 Создаем Hero Section, часть 2 ↗
4
4
8м 23с
0
Закрытый
5.6 Создаем вторую секцию сайта ↗
5
5
22м 34с
0
Закрытый
5.7 Создаем третью секцию сайта ↗
3
3
10м 43с
0
Закрытый
5.8 Делаем первый баннер ↗
3
3
8м 55с
0
Закрытый
5.9 Создаем четвертую секцию сайта ↗
3
3
8м 13с
0
Закрытый
5.10 Делаем второй баннер ↗
3
3
4м 44с
0
Закрытый
5.11 Делаем пятую секцию ↗
3
3
8м 13с
0
Закрытый
5.12 Создаем шестую секцию ↗
3
3
7м 40с
0
Закрытый
5.13 Создаем footer сайта ↗
3
3
6м 39с
0
Закрытый
5.14 Меняем шрифт и делаем навигационное меню ↗
3
3
14м 30с
0
Закрытый
5.15 Завершаем сайт ↗
6
6
10м 8с
0

6. Отступы

3 урока
Закрытый
6.1 Правило прямого угла ↗
3
3
4м 22с
0
Закрытый
6.2 Какие отступы использовать? ↗
3
3
4м 0с
0
Закрытый
6.3 Использование пустого пространства в дизайне ↗
3
3
3м 50с
0

7. Визуальная иерархия

8 уроков
Закрытый
7.1 Что такое визуальная иерархия ↗
3
3
4м 8с
0
Закрытый
7.2 Уровни визуальной иерархии ↗
3
3
2м 19с
0
Закрытый
7.3 Какой элемент важнее ↗
3
3
3м 45с
0
Закрытый
7.4 Как использовать серый цвет ↗
2
2
4м 38с
0
Закрытый
7.5 Делайте наоборот. Уберите акценты с ненужного ↗
3
3
2м 39с
0
Закрытый
7.6 Практика # 3 — Настройте визуальную иерархию ↗
3
3
2м 2с
0
Закрытый
7.7 Практика #3 — Выполненная ч. 1 ↗
3
3
12м 49с
0
Закрытый
7.8 Практика #3 — Выполненная ч. 2 ↗
4
4
26м 24с
0

8. Границы и скругление элементов

2 урока
Закрытый
8.1 Каким должено быть скругление углов ↗
3
3
5м 41с
0
Закрытый
8.2 Консистентное скругление углов ↗
2
2
4м 26с
0

9. Цвет

14 уроков
Закрытый
9.1 Проблема подхода 60·30·10 ↗
5
5
5м 38с
0
Закрытый
9.2 Как создавать цветовую шкалу ↗
3
3
5м 0с
0
Закрытый
9.3 Создаем шкалу на практике ↗
3
3
8м 15с
0
Закрытый
9.4 Правило 60·30·10 и шкала цвета ↗
2
2
4м 44с
0
Закрытый
9.5 Необязательно использовать только 3 цвета ↗
1
1
2м 20с
0
Закрытый
9.6 Используйте системные цвета ↗
1
1
6м 31с
0
Закрытый
9.7 Используйте холодный или теплы серый ↗
1
1
3м 46с
0
Закрытый
9.8 Цветовые ассоциации ↗
1
1
6м 55с
0
Закрытый
9.9 Как использовать градиент в дизайне ↗
1
1
6м 51с
0
Закрытый
9.10 Пара советов по работе с цветом ↗
1
1
4м 49с
0
Закрытый
9.11 ИИ Цвет ↗
2
2
3м 55с
0
Закрытый
9.12 Практика # 4 — Примените цвет к макету ↗
4
4
2м 12с
0
Закрытый
9.13 Практика # 4 — Выполненная ч.1 ↗
1
1
14м 4с
0
Закрытый
9.14 Практика # 4 — Выполненная ч.2 ↗
2
2
10м 3с
0

10. Изображения

4 урока
Закрытый
10.1 Как размещать текст на изображениях ↗
2
2
6м 47с
0
Закрытый
10.2 Какие изображения использовать ↗
1
1
8м 17с
0
Закрытый
10.3 Как работать с иконками ↗
1
1
4м 19с
0
Закрытый
10.4 Как использовать скриншоты в дизайне ↗
2
2
3м 21с
0

11. Искусственный интеллект в изображениях

10 уроков
Закрытый
11.1 Про ИИ-изображения ↗
2
2
7м 18с
0
Закрытый
11.2 Функционал и цены на ИИ ↗
1
1
6м 35с
0
Закрытый
11.3 Удаление заднего фона с помощью ИИ ↗
1
1
8м 30с
0
Закрытый
11.4 Удаление объектов с помощью ИИ ↗
1
1
6м 7с
0
Закрытый
11.5 Расширение границ изображений с помощью ИИ ↗
1
1
4м 4с
0
Закрытый
11.6 Увеличение разрешения изображения с помощью ИИ ↗
1
1
6м 3с
0
Закрытый
11.7 Редактирование изображений с помощью ИИ ↗
1
1
4м 27с
0
Закрытый
11.8 Гармонизация изображений с помощью ИИ ↗
1
1
2м 9с
0
Закрытый
11.9 Генерация изображений ↗
1
1
3м 5с
0
Закрытый
11.10 Дополнительные возможности ИИ ↗
1
1
7м 16с
0

12. Тени

3 урока
Закрытый
12.1 О тенях ↗
2
2
4м 25с
0
Закрытый
12.2 Техники и приемы работы с тенями ↗
1
1
6м 15с
0
Закрытый
12.3 Практика # 5 — Применяем эффекты теней правильно ↗
3
3
8м 9с
0

13. Мобильный дизайн

7 уроков
Закрытый
13.1 Особенности мобильного дизайна ↗
1
1
4м 59с
0
Закрытый
13.2 Размер текста на мобильных устройствах ↗
1
1
5м 28с
0
Закрытый
13.3 Размеры и выравнивание элементов ↗
1
1
8м 1с
0
Закрытый
13.4 Практика # 6 — Адаптируйте первый проект ↗
0
0
3м 47с
0
Закрытый
13.5 Практика # 6 — Выполненная ч. 1 ↗
0
0
-
0
Закрытый
13.6 Практика # 6 — Выполненная ч. 2 ↗
0
0
-
0
Закрытый
13.7 Практика # 6 — Выполненная ч. 3 ↗
1
1
12м 39с
0

14. Визуальные приемы в дизайне

2 урока
Закрытый
14.1 О визуальных приёмах ↗
0
0
7м 36с
0
Закрытый
14.2 Полезные ресурсы для веб-дизайнеров ↗
0
0
5м 32с
0

15. Второй проект – Редизайн сайта

12 уроков
Закрытый
15.1 Обзор и задачи проекта ↗
0
0
-
0
Закрытый
15.2 Подготовка и поиск референсов ↗
0
0
-
0
Закрытый
15.3 Создаём Hero Section ↗
0
0
-
0
Закрытый
15.4 Создаем навигационное меню ↗
0
0
-
0
Закрытый
15.5 Создаем декоративные линии ↗
0
0
-
0
Закрытый
15.6 Создаем вторую секцию сайта, ч. 1 ↗
0
0
-
0
Закрытый
15.7 Создаем вторую секцию сайта, ч. 2 ↗
0
0
-
0
Закрытый
15.8 Создаем третью секцию сайта ↗
0
0
-
0
Закрытый
15.9 Создаем четвертую секцию сайта ↗
0
0
-
0
Закрытый
15.10 Создаем форму для сайта ↗
0
0
-
0
Закрытый
15.11 Создаем footer для сайта ↗
1
1
3м 24с
0
Закрытый
15.12 Завершаем сайт ↗
1
1
3м 12с
0

16. Заключение

2 урока
Закрытый
16.1 Моя книга по UX-Исследованиям ↗
0
0
-
0
Закрытый
16.2 Тест для получения сертификата ↗
2
0
-
0