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

serafim

Житель Разулы
Команда форума
Разула в сердце
Регистрация
25 Апр 2016
Сообщения
78.857
Реакции
172.753
Ra
243.296
[Evgen Marfel] [Stepik] Создание UI KIT в FIGMA. Делаем и продаем (2023)

Научись создавать 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 2022 Auto Layout Практика 08. Auto Layout Часть 2 Компоненты. Часть 1 Компоненты. Часть 2 Компоненты. Часть 3 Компоненты. Часть 4 Варианты
Продажник:
Создание UI KIT в FIGMA | Делаем и продаем
Скачать:
 

Похожие темы

Теги по которым нашли тему

  1. figma
  2. Супер Figma
  3. дизайнер
  4. Создание UI KIT в FIGMA. Делаем и продаем
Сверху