Доступно [Stepik] Создание UI KIT в FIGMA | Делаем и продаем (Evgen Marfel)

​

Это не просто курс по дизайну, это курс по созданию современного дизайн-продукта. Далеко не каждый практикующий дизайнер может похвастаться умением создавать такие сложные системы, как UI KIT и профессиональной работой с компонентами.

Проходя уроки курса мы постепенно, шаг за шагом будем создавать свой продукт. От созданий базовых стилей текста и цвета, подбора правильного контраста и до готового UI KIT в котором все элементы расширяемы и связаны между собой.


80% моих студентов еще во время обучения окупают этот курс.
На курсе мы учимся создавать UI KIT, который можно сразу продавать на маркетплейсах. Создай несколько крутых UI KIT вместе со мной и получи пассивный заработок.

Мы на практике получаем знания и с сразу же их применяем.
Весь процесс обучения происходит в Figma. Нас ничего не будет отвлекать. Мы будем пользоваться полезными плагинами и сочетаниями горячих клавиш. Узнаем крутой метод быстрого переименования слоев и объектов при помощи регулярных выражений. Это в 100 раз ускоряет рутинную работу. Не говоря уж о супер полезных для повседневной работы плагинах. После курса студент будет работать в программе как настоящий гуру фигмы

По ходу курса мы в совершенстве изучим такие сложные темы как: компоненты, варианты, auto layout, стили и научимся грамотно применять свои знания.

Курс по FIGMA в подарок

Если даже ты не знаешь программу или хочешь освежить знания, то в подарок ты получишь курс по FIGMA совершенно бесплатно.

Отдельно хочу отметить, что по итогу у студента будет не просто очередной дизайн-кейс по выдуманному заданию, а настоящий продукт, который может приносить создателю прибыть и которым могут пользоваться другие дизайнеры. Это реальная работа, которую можно "потрогать", а главное продать.

Спойлер: О чем курс

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

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

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

• О чем этот модуль
• Стили для текстов
• Почему именно такие значения для стилей текста?
• Стиль нейтрального цвета
• Логика подбора стилей для главного цвета (Main Color)
• Создаем стили главного цвета
• Доработка цвета. Работа с цветовой моделью HSV
• Практика 01 Работа с плагинами для студента
• Проверяем контраст Главного цвета
• Функциональные цвета
• Ускоряем работу с помощью регулярных выражений
• Создание Layout
• Стили Эффектов
• Добавление пака иконок в UiKit
• Практика 02. Грамотная работа с иконками для UI KIT

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

• О чем этот модуль
• Создание тегов(чипсы,бейджи)
• Создаем Аккордеоны
• Подробнее по Аккордеонам
• Создание основного стека кнопок
• Создание дополнительных состояний и стилей кнопок
• Создаем CheckBox
• Практика 03. Создание Радио кнопок
• Создаем модальные окна
• Создание окон уведомления (Notification)
• Практика 04. Создание переключателей (Switch)
• Практика 05. Создание поля ввода текста Textarea
• Разбираем домашнее задание по полям ввода текста. О Слоях
• Добавление функционала к полям ввода
• Создание Dropdown Menu
• Дополнение блока Dropdown
• Блок Select
• Дополняем блок Select
• Практика 06. Создание блока "Рейтинг"
• Создаем Табы
• Создаем блок Вертикальное Меню
• Создание блока Горизонтальное меню
• Практика 07. Создание второстепенных menu item
• Решение задачи по созданию второстепенных пунктов меню
• Создание инпутов
• Создание ячеек для таблиц. Часть 1
• Создание ячеек для таблиц. Часть 2

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

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

Курс по Figma 2022

• Установка Figma
• Простейшие фигуры(Квадрат)
• Работа с цветом
• Работа с изображениями
• Эффекты
• Группа
• Фрейм
• Комьюнити
• Плагины
• Работа с текстом
• Стили
• Настройка constraints
• Обновление Auto Layout 2022
• Auto Layout
• Практика 08. Auto Layout Часть 2
• Компоненты. Часть 1
• Компоненты. Часть 2
• Компоненты. Часть 3
• Компоненты. Часть 4
• Варианты