Видеокурс
Видеокурс Figma Pro

Basic level

alarm-clock занятий

spiral-calendar занятий в неделю

rocket старт

За неделю записалось

Осталось

Этот курс проводится в формате записаных видеоуроков с проверкой заданий преподавателем.

Овладей Figma на Pro уровне!

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

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

Цели курса

  • Овладеть программой Figma для создания интуитивно-привлекательных интерфейсов
  • Понять ключевые принципы UI/UX с фокусом на использовании программы Figma для эффективного создания интерфейсов
  • Научиться использовать все ключевые возможности программы и эффективно их применить в работе над макетами
  • Внедрить современные практики в области UI/UX Design с использованием программы Figma (а именно, использование Local Variables и продвинутого прототипирования в программе Figma)
  • Научиться создавать простые анимации элементов
83 ₴

в месяц при оплате частями на 12 частей

оплата частями без комиссии и процентов от monobank, ПриватБанк, Ощадбанк и ПУМБ

Полная стоимость курса 999 ₴

Промокод

Дополнительные скидки

Списание с текущего баланса

Неиспользованный остаток замороженного курса

Списание с основного счета

Списание с реферального счета

Списание с бонусного счета

Цена курса для вас 2 000 ₴ 999

К покупке курса

Изучаемые технологии

  • Figma

    Figma

  • FigJam

    FigJam

  • Local Variables

    Local Variables

Программа видеокурса
Видеокурс Figma Pro

alarm-clock 23 занятия
Печать

  • Ознакомление с интерфейсом Figma

    • Знакомство с программой
    • Загрузка и установка программы и установка программы
    • Обзор интерфейса
    • Работа со страницами
    • Эмодзи для обозначения страниц
    • Figma Community
    • Совместная работа в Figma
    • Комментирование макетов

  • Работа с объектами

    • Создание объектов
    • Редактирование и трансформация объектов
    • Группировка и организация объектов
    • Объединение фигур
    • Создание линий и их настройка
    • Использование маски

  • Векторные инструменты

    • Использование векторных инструментов (pen/pencil)
    • Создание объектов
    • Редактирование объектов

  • Frame

    • Выбор типа фрейма
    • Настройка фрейма
    • Настройка объектов внутри фрейма
    • Работа с constraints
    • Скейлинг с помощью горячей клавиши K
    • Использование горячих клавиш

  • Работа с цветом

    • Fill solid
    • Fill gradient
    • Горячие клавиши при работе с цветом
    • Стиль цвета

  • Работа с текстом

    • Выбор шрифтов
    • Настройка шрифтов
    • Line height
    • Letter spacing
    • List spacing
    • Auto width
    • Auto height
    • Text align
    • Работа с текстовыми блоками
    • Перевод текста в кривые
    • Текстовые стили

  • Работа с Auto Layout

    • Настройка Auto Layout
    • Обновление Auto Layout 2023
    • Создание кнопок через Auto Layout
    • Создание карточек через Auto Layout

  • Работа с компонентами

    • Материнские и дочерние компоненты
    • Вариативность компонентов
    • Создание сета кнопок
    • Создание сета инпутов
    • Прототипирование элементов

  • Работа с эффектами

    • Создание эффектов
    • Настройка эффектов
    • Создание стиля эффекта в стиле

  • Сетки и их использование на различных устройствах

    • Сетки
    • Направляющие
    • Создание сетки из 12 колонок
    • Настройка сетки для фреймов
    • Стиль сетки

  • Что такое плагины и как их использовать

    • Плагины для работы с цветом
    • Плагины для работы с текстом
    • Плагины для работы с изображениями

  • Icons

    • Требования к иконкам
    • Плагины для работы с иконками
    • Дополнительные плагины для ускорения работы в программе

  • Использование Auto Layout

    • Расширенные возможности Auto Layout
    • Минимальные и максимальные значения при адаптации макета

  • Использование Local Variables, часть 1

    • Color
    • Number
    • String
    • Boolean

  • Использование Local Variables, часть 2

    • Boolean
    • Применение Boolean в макетах

  • Продвинутое прототипирование

    • Прототипирование с помощью Local Variables
    • Настройка добавленных элементов в корзину. Автоматическое вычисление суммы

  • Работа с графикой и изображениями

    • Вставка и замена изображений
    • Редактирование графики
    • Техника обрезки изображений
    • Оптимизация изображений
    • Заливка фигур изображением. Горячие клавиши

  • Создание элементов

    • Создание различных состояний Button
    • Создание различных состояний Input
    • CheckBox
    • Radiobutton
    • Chips
    • Modal windows
    • Notifications
    • Toggle
    • Dropdown
    • Tabs
    • Tooltip
    • Создание таблиц и ячеек для них

  • Объединение элементов

    • Виды навигации
    • Использование горизонтального и вертикального меню
    • Создание карточек
    • Прототипирование карточек по нажатию на кнопку

  • Подготовка к работе с макетом

    • Особенности UI-Kit
    • Основы работы в FigJam
    • Расширенные возможности в FigJam

  • Наполнение макета макета

    • Создание макета страницы
    • Добавление элементов интерфейса

  • Работа с превью

    • Сбор блоков макета в лендинг
    • Smart Animate и ее особенности
    • Создание анимационных переходов. Прототипирование элементов.
    • Фиксация позиции элементов при скролле
    • Возможности превью
    • Подбор мокапов под макет для просмотра
    • Плагины для выбора мокапов для просмотра

  • Передача макетов в разработку

    • Экспорт элементов
    • Виды форматов при экспорте
    • Сохранение макетов в PDF
    • Особенности передачи макета в разработку

В конце курса выполняется дипломный проект.

Бонусы курса

  • Проверка домашних заданий преподавателем

Добавьте навыки в резюме

  • Эффективное использование основных инструментов, плагинов и функций Figma для создания дизайн-макетов, прототипов и анимаций. Применение компонентов и функции Auto layout в своей работе над макетами

  • Умение применять возможности программы для быстрой и профессиональной работы в программе (Local Variables и продвинутое прототипирование в Figma)

  • Умение эффективно использовать цвета и шрифты для улучшения визуальной привлекательности и удобства использования

  • Умение создавать прототипы и выполнять анимации для интерактивности и лучшего понимания дизайна

  • Создание компонентов для макетов (навигация, контентные блоки, карточки, слайдеры, списки, формы, нотификейшены, фильтры, чекбоксы, радиобаттоны и тд)

Как проходит обучение

  • woman-technologist

    Ты выбираешь направление и получаешь доступ к видеоурокам

  • briefcase

    Выполняй домашние завдання для закрепления знаний

  • thumbs-up

    Менторы курса проверяют домашние задания и предоставляют фидбек

Наши преподаватели и выпускники работают в топовых IT-компаниях мира

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

Обязательно укажите телефон в международном формате

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Отправлено

Вступительный курс

Профессия UI/UX дизайнера

Видеокурсы

  • Видеокурс Figma Pro

    basic

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