Курс на 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»Учеников на курсе 461
Сертификаты, выданные на курсе «Веб дизайн в 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. Варианты