Создание UI KIT в FIGMA. Делаем и продаем. Evgen Marfel, Stepik

Научись создавать UI KIT прямо в FIGMA. Новый курс от ТОП-1 автора по FIGMA на Udemy.+Курс по FIGMA в подарокЭто не просто курс по дизайну, это курс по созданию современного дизайн-продукта. Далеко не каждый практикующий дизайнер может похвастаться умением создавать такие сложные системы, как 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 2022Auto LayoutПрактика 08. Auto Layout Часть 2Компоненты. Часть 1Компоненты. Часть 2Компоненты. Часть 3Компоненты. Часть 4Варианты