Курс на Stepik
Обложка курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» на Stepik
4 990 ₽

Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство ★ 5.000

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

Изучите веб-дизайн в Figma вместе с опытным наставником! На этом курсе вы научитесь работать в Figma и создавать качественные сайты. Вам предстоит выполнять домашние задания с проверкой, а также создать большой личный проект по созданию большого сайта с нуля.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Учеников на курсе 22
Сертификаты, выданные на курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Сертификатов выдано 2
Отзывы о курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Отзывов получено 1
Рейтинг курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Рейтинг курса 5.000
Уроки в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Количество уроков 71
Тесты в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Количество квизов 10
Задачи с кодом в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Количество задач с кодом 12
Время прохождения курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Время прохождения курса —
Стоимость курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Стоимость курса 4 990 ₽ —
Обновления курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Обновления курса — —
Дата публикации курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Дата публикации курса — ———
Последнее обновление курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» 12 разделов Уроки в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» 71 урок Тесты в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» 10 тестов Задачи в курсе «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» 12 задач Время прохождения курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» 10 ч. Последнее обновление курса «Веб-дизайн в Figma: ключ к успеху. Личный проект и Менторство» обн. 15 августа 2026

Знакомство

4 урока
1. Информация о курсе ↗
2. Как проходить курс ↗
3. Установка Figma ↗
4. Как отправлять домашние задания на проверку ↗

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

5 уроков
1. Создание первого проекта ↗
2. Учимся работать со шрифтами ↗
3. Изучаем направляющие и Grid сетки ↗
4. Учимся работать с цветами и градиентами ↗
5. Домашнее задание. Подбор шрифта и цветов для проекта ↗

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

5 уроков
1. Учимся работать с Autolayout ↗
2. Разбираемся что такое компоненты и для чего они нужны ↗
3. Учимся работать со стилями ↗
4. Знакомимся с эффектами ↗
5. Домашнее задание. Проектирование компонента инпута ↗

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

14 уроков
1. Создаём UI KIT: стили для текста ↗
2. Создаём UI KIT: стили для цветов ↗
3. Создаём UI KIT: создаём кнопки ↗
4. Создаём UI KIT: создаём поля ввода ↗
5. Создаём первый экран ч. 1 ↗
6. Создаём первый экран ч. 2 ↗
7. Создаём каталог спецтехники ч. 1 ↗
8. Создаём каталог спецтехники ч. 2 ↗
9. Создаём форму обратной связи ↗
10. Создаём блок с контактами ↗
11. Создаём подвал сайта ↗
12. Адаптируем сайт под мобильные устройства ч. 1 ↗
13. Адаптируем сайт под мобильные устройства ч. 2 ↗
14. Домашнее задание. Ревью проделанной работы ↗

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

2 урока
1. Что такое F-паттерн ↗
2. Что такое Z-паттерн ↗

UX-дизайн

5 уроков
1. Визуальная коммуникация ↗
2. Портрет аудитории и мудборд ↗
3. Пользовательские сценарии и паттерны их использования ↗
4. Юзабилити ↗
5. Гипотезы ↗

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

1 урок
1. Итоговая работа ↗

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

18 уроков
1. Создаём блок навигации ч. 1 ↗
2. Создаём блок навигации ч. 2 ↗
3. Создаём информационные блоки ↗
4. Создаём блок "Последние заказы" ↗
5. Создаём блок "Постоянные клиенты" ↗
6. Создаём страницу с задачами ч. 1 ↗
7. Создаём страницу с задачами ч. 2 ↗
8. Создаём страницу с задачами ч. 3 ↗
9. Создаём кнопку добавления новой задачи ↗
10. Создаём страницу с заказами ↗
11. Создаём страницу с добавлением нового заказа ч. 1 ↗
12. Создаём страницу с добавлением нового заказа ч. 2 ↗
13. Создаём страницу с добавлением нового заказа ч. 3 ↗
14. Создаём страницу с клиентами ↗
15. Создаём кнопку добавления нового клиента ↗
16. Создаём страницу с отчётами ↗
17. Создаём страницу с настройками ↗
18. Домашнее задание. Ревью проделанной работы ↗

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

3 урока
1. Создаём кейс в Figma ч. 1 ↗
2. Создаём кейс в Figma ч. 2 ↗
3. Публикуем кейс на Dprofile ↗

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

3 урока
1. Создаём главный экран ↗
2. Создаём блок с портфолио ↗
3. Создаём блок с контактами и публикуем сайт ↗

Личный проект

10 уроков
1. Что предстоит сделать ↗
2. Выбор темы проекта ↗
3. Дизайн-система ↗
4. Первая страница ↗
5. Вторая страница ↗
6. Третья страница ↗
7. Четвёртая страница ↗
8. Пятая страница ↗
9. Шестая страница ↗
10. Оформление кейса ↗

Финал

1 урок
1. Получение сертификата ↗