Основи роботи з Figma для розробників
  • guide
  • software development tools
  • супровідні матеріали
  • тест + сертифікат

ОСНОВИ РОБОТИ З FIGMA ДЛЯ РОЗРОБНИКІВ

Навчіться перетворювати дизайн сайту на код, реалізовувати ідею й ефективно взаємодіяти з командою дизайнерів

ЛЕКТОР:
Дмитро Пришляк

Senior Java Developer у

Luxoft

Про гайд

  • Формат:

    відеокурс

  • Час опанування:

    5 занять

  • Мова викладання:

    українська

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

Ваші результати:

 
icon
створюєте нові проєкти у Figma й орієнтуєтеся в наявних
 
 
icon
відстежуєте оновлення в дизайні та переглядаєте версії змін
 
 
icon
використовуєте Auto Layout, щоб адаптувати дизайн під різні екрани
 
 
icon
застосовуєте Dev Mode для інспекції коду та інтеграції з IDE
 

Програма

  • 01 заняття

    Основи Figma для розробників

    • дізнаєтеся, як створити новий проєкт у Figma або приєднатися до наявного
    • вивчите елементи меню і загальну структуру файлів
    • з’ясуєте, як переглянути хронологію змін
    • навчитеся залишати коментарі безпосередньо у Figma
  • 02 заняття

    Робота з елементами та компонентами

    • дізнаєтеся, з чого складається готовий дизайн у Figma
    • навчитеся переглядати й читати властивості кожного елементу дизайну
    • набудете навичок використання готових проєктних бібліотек
  • 03 заняття

    Сітки та інструменти організації елементів. Адаптація до розмірів екрана

    • дізнаєтеся, як будувати каркас дизайну
    • з’ясуєте, що таке Auto Layout і як ним користуватися
    • навчитеся працювати з шаблонами різних Auto Layout, отримувати значення для розробки компонентів
  • 04 заняття

    Прототипування і спільна робота

    • дізнаєтеся, як створювати прототипи для тестування
    • навчитеся створювати звʼязки між екранами та налаштовувати анімацію переходу
    • зможете розробляти сценарії екранів для тестування
    • дізнаєтеся, як налаштовувати права доступу
  • 05 заняття

    Dev Mode. Інтеграція з IDE

    • дізнаєтеся, які переваги надає використання Dev Mode
    • навчитеся взаємодіяти з дизайнерами, застосовуючи Dev Mode у комерційному проєкті
    • зможете проводити інспекцію коду й брати потрібні властивості

ВАРТІСТЬ

850 грн

• Інсайти й експертиза від досвідченого практика
• Фінальний тест на перевірку знань
• Доступ до відеоуроків залишається у вас назавжди

 
 
 
Реєструючись, ви погоджуєтеся з умовами договору-оферти та політикою конфіденційності.

Суміжні курси

photo
СЕРГІЙ ВАЩЕНКО,
7+ років досвіду в наданні розробки у сфері Frontend/Backend

Курс, який допоможе опанувати платформу Node.js та основні фреймворки типу Express.js і Jest, щоб створювати кросплатформні застосунки.

Практичний курс, на якому ви дізнаєтеся, як формувати гіпотези на основі даних, валідувати ідеї і прооводити А/В-тестування.

photo
КАТЕРИНА ГОРУЛЯ,
Software Engineer у MacPaw

Короткий відеокурс, який навчить впроваджувати адаптивну верстку сайту, щоб не верстати під кожний пристрій окремий сайт і оптимізувати роботу.

 

FAQ

1. Як отримати доступ до курсу?
 
Ви можете сплатити вартість курсу онлайн у кілька кліків. Доступ до відеоуроків та корисних матеріалів залишається з вами назавжди.
2. Коли відбувається підключення?
 
Підключення до курсу відбувається протягом дня. Якщо ви не отримали лист на реєстрацію в особистому кабінеті студента — зв’яжіться з нами:
дзвоніть: +380731727407
пишіть: info@robotdreams.cc
3. Як відбувається навчання?
 
Навчання відбувається в зручній LMS-системі, де можна переглядати заняття і виконувати завдання.
4. Чи можна повернути кошти?
 
Цей формат курсів не передбачає повернення коштів.
5. Чи отримаю я сертифікат-підтвердження про навчання?
 
Так, сертифікат автоматично згенерується через 90 днів після підключення до навчання. Якщо пройдете швидше, зверніться до нас — і ми згенеруємо його.