Содержание курса
10
разделов
70
уроков
66
тестов
7 ч.
обн. 19 марта 2026
1. Введение
6 уроков
36
17
18м
0
Открытый
1.1
О веб-дизайне
↗
8
3
5м 32с
0
Открытый
1.2
Как устроен курс
↗
8
0
5м 50с
0
Открытый
1.3
Обзор проектов
↗
10
7
1м 19с
0
Открытый
1.4
Обзор курсов
↗
4
1
2м 31с
0
Открытый
1.5
Знакомство с преподавателем
↗
5
5
5м 28с
0
Закрытый
1.6
Перенос курса
↗
1
1
-
0
2. Настройка окружения
5 уроков
9
6
13м
0
Закрытый
2.1
Знакомство с Figma
↗
1
1
4м 5с
0
Закрытый
2.2
Регистрация в Figma. Тарифы
↗
2
2
3м 42с
0
Закрытый
2.3
Установка Figma - MacOS
↗
2
1
1м 29с
0
Закрытый
2.4
Установка Figma - Windows
↗
2
1
2м 36с
0
Закрытый
2.5
Установка шрифтов
↗
2
1
3м 1с
0
3. Основы работы в Figma
9 уроков
9
9
53м
0
Закрытый
3.1
Обзор интерфейса. Часть 1
↗
1
1
5м 5с
0
Закрытый
3.2
Обзор интерфейса. Часть 2
↗
1
1
5м 7с
0
Закрытый
3.3
История версий. Хоткеи
↗
1
1
3м 57с
0
Закрытый
3.4
Frame, группа, секция
↗
1
1
10м 25с
0
Закрытый
3.5
Привязки в Figma
↗
1
1
4м 29с
0
Закрытый
3.6
Страницы. Слои. Поиск
↗
1
1
10м 32с
0
Закрытый
3.7
Булевы операции
↗
1
1
4м 40с
0
Закрытый
3.8
Упражнение - Черновой прототип
↗
1
1
12м 33с
0
Закрытый
3.9
Тест - Основы работы в Figma
↗
1
1
-
0
4. Типографика
11 уроков
18
12
51м
0
Открытый
4.1
Принцип близости
↗
8
2
5м 28с
0
Закрытый
4.2
Инструмент - Текст. Часть 1
↗
1
1
7м 9с
0
Закрытый
4.3
Инструмент - Текст. Часть 2
↗
1
1
5м 45с
0
Закрытый
4.4
Отступы в дизайне
↗
1
1
4м 34с
0
Закрытый
4.5
Вёрстка текста. Часть 1
↗
1
1
11м 14с
0
Закрытый
4.6
Вёрстка текста. Часть 2
↗
1
1
5м 44с
0
Закрытый
4.7
Плагин для работы с текстом
↗
1
1
2м 2с
0
Закрытый
4.8
Упражнение - Отступы
↗
1
1
2м 45с
0
Закрытый
4.9
Упражнение - Вёрстка текста
↗
1
1
6м 35с
0
Закрытый
4.10
Текстовые стили
↗
1
1
5м 45с
0
Закрытый
4.11
Тест по типографике
↗
1
1
-
0
5. Работа с цветом
12 уроков
13
12
70м
0
Закрытый
5.1
Основы работы с цветом
↗
1
1
4м 9с
0
Закрытый
5.2
Заливка
↗
1
1
6м 19с
0
Закрытый
5.3
Градиенты
↗
1
1
5м 7с
0
Закрытый
5.4
Работа с изображениями
↗
1
1
7м 22с
0
Закрытый
5.5
Цветовые модели в Figma
↗
1
1
6м 35с
0
Закрытый
5.6
Система для работы с цветом
↗
1
1
6м 35с
0
Закрытый
5.7
Подбор цветовой палитры
↗
1
1
8м 0с
0
Закрытый
5.8
Упражнение - Подбор цвета
↗
2
1
10м 24с
0
Закрытый
5.9
Цветовые стили
↗
1
1
5м 13с
0
Закрытый
5.10
Упражнение - Цветовые стили
↗
1
1
5м 47с
0
Закрытый
5.11
Эффекты
↗
1
1
7м 5с
0
Закрытый
5.12
Тест - Работа с цветом
↗
1
1
-
0
6. Auto layout
10 уроков
10
10
48м
0
Закрытый
6.1
Расположение элементов
↗
1
1
5м 7с
0
Закрытый
6.2
Отступы и выравнивание
↗
1
1
5м 25с
0
Закрытый
6.3
Поведение элементов
↗
1
1
8м 8с
0
Закрытый
6.4
Абсолютное позиционирование
↗
1
1
4м 1с
0
Закрытый
6.5
Min и max по высоте и ширине
↗
1
1
3м 18с
0
Закрытый
6.6
Создание списка при помощи
↗
1
1
4м 52с
0
Закрытый
6.7
Инструмент Обводка
↗
1
1
3м 20с
0
Закрытый
6.8
Упражнение - Создание табов
↗
1
1
6м 31с
0
Закрытый
6.9
Упражнение - Создание карточки
↗
1
1
9м 22с
0
Закрытый
6.10
Тест - Auto layout
↗
1
1
-
0
7. Работа с иконками
4 урока
4
4
19м
0
Закрытый
7.1
Формат, виды, основные принципы работы с иконками
↗
1
1
6м 11с
0
Закрытый
7.2
Инструмент Scale
↗
1
1
7м 40с
0
Закрытый
7.3
Упражнение - Создание инпутов и подбор иконок
↗
1
1
7м 35с
0
Закрытый
7.4
Тест - Работа с иконками
↗
1
1
-
0
8. Атомарный дизайн
4 урока
4
4
20м
0
Закрытый
8.1
Определение, основные понятия
↗
1
1
4м 11с
0
Закрытый
8.2
Основные преимущества использования
↗
1
1
4м 14с
0
Закрытый
8.3
Сбор формы
↗
1
1
11м 21с
0
Закрытый
8.4
Тест - Атомарный дизайн
↗
1
1
-
0
9. Практический блок
7 уроков
1
0
117м
0
Закрытый
9.1
Дизайн лендинга. Часть 1
↗
1
0
13м 36с
0
Закрытый
9.2
Дизайн лендинга. Часть 2
↗
0
0
10м 53с
0
Закрытый
9.3
Дизайн лендинга. Часть 3
↗
0
0
19м 15с
0
Закрытый
9.4
Дизайн лендинга. Часть 4
↗
0
0
18м 0с
0
Закрытый
9.5
Дизайн лендинга. Часть 5
↗
0
0
13м 7с
0
Закрытый
9.6
Дизайн лендинга. Часть 6
↗
0
0
21м 55с
0
Закрытый
9.7
Дизайн лендинга. Часть 7
↗
0
0
24м 35с
0
10. Куда двигаться дальше
2 урока
0
0
1м
0
Закрытый
10.1
Куда двигаться дальше
↗
0
0
1м 28с
0
Закрытый
10.2
Финальное тестирование
↗
0
0
-
0