Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA
Подробнее
Что нужно для старта
- Никаких предварительных знаний не требуется, даже если ты открыл FIGMA в первый раз , на курсе представлен блок по изучению основных функция FIGMA с нуля.
Что вы получите
- Научитесь создавать UI KIT
- Узнаете, как устроен UI KIT изнутри
- Продумывание архитектуры проекта
- Углубленная работа со сложными компонентами
- Правильный нейминг элементов
- Грамотная работа со стилями
- Работа с вариантами
- Работа с плагинами
- Работа с hot key
- Научитесь профессионально работать в Figma
- Научитесь мыслить, как профессионал
- Научитесь работать со сложными системами
Для кого этот курс
- Для начинающих и опытных веб-дизайнеров, для тех кто хочет освоить новый способ заработка не выходя из FIGMA.
Программа курса
- Вступление
- Как проходить курс. Организационный урок
- О чем этот модуль
- Стили для текстов
- Почему именно такие значения для стилей текста?
- Стиль нейтрального цвета
- Логика подбора стилей для главного цвета (Main Color)
- Создаем стили главного цвета
- Доработка цвета. Работа с цветовой моделью HSV
- Практика 01 Работа с плагинами для студента
- Проверяем контраст Главного цвета
- Функциональные цвета
- Ускоряем работу с помощью регулярных выражений
- Создание Layout
- Стили Эффектов
- Добавление пака иконок в UiKit
- Практика 02. Грамотная работа с иконками для UI KIT
- О чем этот модуль
- Создание тегов(чипсы,бейджи)
- Создаем Аккордеоны
- Подробнее по Аккордеонам
- Создание основного стека кнопок
- Создание дополнительных состояний и стилей кнопок
- Создаем CheckBox
- Практика 03. Создание Радио кнопок
- Создаем модальные окна
- Создание окон уведомления (Notification)
- Практика 04. Создание переключателей (Switch)
- Практика 05. Создание поля ввода текста Textarea
- Разбираем домашнее задание по полям ввода текста. О Слоях
- Добавление функционала к полям ввода
- Создание Dropdown Menu
- Дополнение блока Dropdown
- Блок Select
- Дополняем блок Select
- Практика 06. Создание блока "Рейтинг"
- Создаем Табы
- Создаем блок Вертикальное Меню
- Создание блока Горизонтальное меню
- Практика 07. Создание второстепенных menu item
- Решение задачи по созданию второстепенных пунктов меню
- Создание инпутов
- Создание ячеек для таблиц. Часть 1
- Создание ячеек для таблиц. Часть 2
- Практика 08. Документация
- Превью для Ui Kit
- Регистрация в community в качестве автора
- Публикация своего продукта
- Установка Figma
- Простейшие фигуры(Квадрат)
- Работа с цветом
- Работа с изображениями
- Эффекты
- Группа
- Фрейм
- Комьюнити
- Плагины
- Работа с текстом
- Обновление стилей 2023
- Стили
- Настройка constraints
- Обновление Auto Layout 2022
- Auto Layout
- Практика 08. Auto Layout Часть 2
- Компоненты. Часть 1
- Компоненты. Часть 2
- Компоненты. Часть 3
- Компоненты. Часть 4
- Варианты
01О чем этот курс
- Вступление
- Как проходить курс. Организационный урок
02Создаем стили для UI Kit
- О чем этот модуль
- Стили для текстов
- Почему именно такие значения для стилей текста?
- Стиль нейтрального цвета
- Логика подбора стилей для главного цвета (Main Color)
- Создаем стили главного цвета
- Доработка цвета. Работа с цветовой моделью HSV
- Практика 01 Работа с плагинами для студента
- Проверяем контраст Главного цвета
- Функциональные цвета
- Ускоряем работу с помощью регулярных выражений
- Создание Layout
- Стили Эффектов
- Добавление пака иконок в UiKit
- Практика 02. Грамотная работа с иконками для UI KIT
03Создаем основные элементы Ui Kit
- О чем этот модуль
- Создание тегов(чипсы,бейджи)
- Создаем Аккордеоны
- Подробнее по Аккордеонам
- Создание основного стека кнопок
- Создание дополнительных состояний и стилей кнопок
- Создаем CheckBox
- Практика 03. Создание Радио кнопок
- Создаем модальные окна
- Создание окон уведомления (Notification)
- Практика 04. Создание переключателей (Switch)
- Практика 05. Создание поля ввода текста Textarea
- Разбираем домашнее задание по полям ввода текста. О Слоях
- Добавление функционала к полям ввода
- Создание Dropdown Menu
- Дополнение блока Dropdown
- Блок Select
- Дополняем блок Select
- Практика 06. Создание блока "Рейтинг"
- Создаем Табы
- Создаем блок Вертикальное Меню
- Создание блока Горизонтальное меню
- Практика 07. Создание второстепенных menu item
- Решение задачи по созданию второстепенных пунктов меню
- Создание инпутов
- Создание ячеек для таблиц. Часть 1
- Создание ячеек для таблиц. Часть 2
04Выкладываем наш Ui Kit В Community Figma
- Практика 08. Документация
- Превью для Ui Kit
- Регистрация в community в качестве автора
- Публикация своего продукта
05Курс по Figma 2022
- Установка Figma
- Простейшие фигуры(Квадрат)
- Работа с цветом
- Работа с изображениями
- Эффекты
- Группа
- Фрейм
- Комьюнити
- Плагины
- Работа с текстом
- Обновление стилей 2023
- Стили
- Настройка constraints
- Обновление Auto Layout 2022
- Auto Layout
- Практика 08. Auto Layout Часть 2
- Компоненты. Часть 1
- Компоненты. Часть 2
- Компоненты. Часть 3
- Компоненты. Часть 4
- Варианты
Stepik
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Веб дизайн в Figma Продвинутый уровень | Создание UI KIT в FIGMA» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 12 августа 2026 г.

Stepik 












