Курс Figma Pro у Дніпрі

Basic level

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цей курс проводиться у форматі записаних відеоуроків з перевіркою завдань викладачем.

Опануй Figma на Pro рівні!

Цей курс ідеально підходить для тих, хто бажає опанувати використання програми Figma як інструменту для розробки вебдизайну. Також даний курс підійде розробникам, які бажають зробити свою взаємодію з командою дизайнерів більш продуктивною і зрозуміти, як можливості є у даного інструменту.

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

Як проходить навчання?

- Отримуєш доступ до відеуроків

- Виконуєш домашні завдання для закріплення знань

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

Цілі курсу

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

на місяць при оплаті частинами на 12 частин

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

Повна вартість курсу 2 000 ₴

Промокод

Додаткові знижки

Списання з поточного балансу

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

Списання з основного рахунку

Списання з реферального рахунку

Списання з бонусного рахунку

Ціна курсу для вас 2 000

До покупки курсу

Вивчаємо такі технології

  • 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).

Відправлено

Відеокурси