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

Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA ★ 5.000

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

Научись создавать UI KIT прямо в FIGMA. Продвинутый курс по FIGMA

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Учеников на курсе 462
Сертификаты, выданные на курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Сертификатов выдано 107
Отзывы о курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Отзывов получено 7
Рейтинг курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Рейтинг курса 5.000
Уроки в курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Количество уроков 69
Тесты в курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Количество квизов 10
Время прохождения курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Время прохождения курса —
Стоимость курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Стоимость курса 2 490 ₽ —
Обновления курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Обновления курса — —
Дата публикации курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Дата публикации курса — ———
Последнее обновление курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» 5 разделов Уроки в курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» 69 уроков Тесты в курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» 10 тестов Время прохождения курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» 8 ч. Последнее обновление курса «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» обн. 1 год назад

О чем этот курс

2 урока
1. Вступление ↗
2. Как проходить курс. Организационный урок ↗

Создаем стили для UI Kit

15 уроков
1. О чем этот модуль ↗
2. Стили для текстов ↗
3. Почему именно такие значения для стилей текста? ↗
4. Стиль нейтрального цвета ↗
5. Логика подбора стилей для главного цвета (Main Color) ↗
6. Создаем стили главного цвета ↗
7. Доработка цвета. Работа с цветовой моделью HSV ↗
8. Практика 01 Работа с плагинами для студента ↗
9. Проверяем контраст Главного цвета ↗
10. Функциональные цвета ↗
11. Ускоряем работу с помощью регулярных выражений ↗
12. Создание Layout ↗
13. Стили Эффектов ↗
14. Добавление пака иконок в UiKit ↗
15. Практика 02. Грамотная работа с иконками для UI KIT ↗

Создаем основные элементы Ui Kit

27 уроков
1. О чем этот модуль ↗
2. Создание тегов(чипсы,бейджи) ↗
3. Создаем Аккордеоны ↗
4. Подробнее по Аккордеонам ↗
5. Создание основного стека кнопок ↗
6. Создание дополнительных состояний и стилей кнопок ↗
7. Создаем CheckBox ↗
8. Практика 03. Создание Радио кнопок ↗
9. Создаем модальные окна ↗
10. Создание окон уведомления (Notification) ↗
11. Практика 04. Создание переключателей (Switch) ↗
12. Практика 05. Создание поля ввода текста Textarea ↗
13. Разбираем домашнее задание по полям ввода текста. О Слоях ↗
14. Добавление функционала к полям ввода ↗
15. Создание Dropdown Menu ↗
16. Дополнение блока Dropdown ↗
17. Блок Select ↗
18. Дополняем блок Select ↗
19. Практика 06. Создание блока "Рейтинг" ↗
20. Создаем Табы ↗
21. Создаем блок Вертикальное Меню ↗
22. Создание блока Горизонтальное меню ↗
23. Практика 07. Создание второстепенных menu item ↗
24. Решение задачи по созданию второстепенных пунктов меню ↗
25. Создание инпутов ↗
26. Создание ячеек для таблиц. Часть 1 ↗
27. Создание ячеек для таблиц. Часть 2 ↗

Выкладываем наш Ui Kit В Community Figma

4 урока
1. Практика 08. Документация ↗
2. Превью для Ui Kit ↗
3. Регистрация в community в качестве автора ↗
4. Публикация своего продукта ↗

Курс по Figma 2022

21 урок
1. Установка Figma ↗
2. Простейшие фигуры(Квадрат) ↗
3. Работа с цветом ↗
4. Работа с изображениями ↗
5. Эффекты ↗
6. Группа ↗
7. Фрейм ↗
8. Комьюнити ↗
9. Плагины ↗
10. Работа с текстом ↗
11. Обновление стилей 2023 ↗
12. Стили ↗
13. Настройка constraints ↗
14. Обновление Auto Layout 2022 ↗
15. Auto Layout ↗
16. Практика 08. Auto Layout Часть 2 ↗
17. Компоненты. Часть 1 ↗
18. Компоненты. Часть 2 ↗
19. Компоненты. Часть 3 ↗
20. Компоненты. Часть 4 ↗
21. Варианты ↗