Section outline

    • Тема 2.1.  Принципи макетування та верстки у Figma. Композиція та макетування 

      У даній лекції розглянуто:  інтерфейс Figma: робочий простір, панелі інструментів, шари, сторінки. Налаштування Figma; створення нового файлу; робота з шарами; основні інструменти: виділення, переміщення, масштабування, обертання, фігури, текст; сітка та направляючі; модульна сітка; компонування елементів: створення макету сторінки, розміщення тексту та зображень.

    • Відеозаняття. Figma з нуля. Вчимось працювати у Figma URL
    • Відеозаняття. Основи Figma. Перший дизайн! URL

    • Практична робота  Створення макету мобільного застосунку Figma

      1. Виберіть будь-який додаток на вашому мобільному телефоні.
      2. Зробіть скіншот сторінки, яку оберете для відтворення.
      3. Заваштажте зроблений скрін до Figma.
      4. Зробіть самостійно макет цієї сторінки.
    • Відеозаняття. Створення макету мобільного додатку URL
    • Здати ПР2.1. Assignment

    • Тема 2.2.  Робота з текстом та типографікою в Figma

      У даній лекції розглянуто:  створення текстових блоків, введення та редагування тексту; форматування тексту; стилі тексту, робота з абзацами; перетворення тексту на векторну графіку.

    • Відеозаняття. Figma з нуля. Робота з текстом у фігма, шрифти, типографіка URL
    • Відеозаняття. Створення текстових стилів URL
    • Практична робота. Дизайн сайту з нуля URL
    • Заготовки до практичної роботи URL

    • Тема 2.3. Робота з графікою та зображеннями  у Figma

      У даній лекції розглянуто: імпорт зображень: додавання зображень різних форматів до макету. Редагування зображень: зміна розміру, кадрування, обрізка, маски. Створення та редагування векторних фігур. Робота з кольором: вибір кольору, створення колірних палітр, градієнти. Ефекти: додавання тіней, розмиття та інших ефектів до об'єктів.

    • Відеозаняття 3. Найпростіший спосіб як вирізати зображення у Figma. Як легко видалити фон у Figma URL