ДИЗАЙН В figma

Модуль 1. Основы дизайна. 
Основные инструменты Figma

Что такое дизайн и зачем он нужен. Знакомство 
с Figma:интерфейс, создание проекта. Основные инструменты: фигуры, текст, цвета, перемещение объектов, как скачивать готовые проекты

Модуль 2. Интерфейс, свойства объектов и работа со слоями

Панель инструментов, панель свойств, слои 
и группы. Свойства фигур: заливка, обводка, скругления, тени, прозрачность, эффекты

Модуль 3. Перо, маски и создание собственных форм

Что такое вектор? Инструмент «Перо» 
и редактирование форм. Маски: как вырезать фото по фигуре

Модуль 4. Типографика. Шрифтовые стили

Зачем дизайнеру шрифты. Чем отличаются шрифты: с засечками, без засечек, декоративные Основные принципы: читаемость, контраст, единый стиль

Модуль 5. Цвет. Баланс цвета. Создание палитр для проекта. Стили

Что делает цвет в дизайне. Как цвета сочетаются: основные схемы. Баланс цвета: основной, акцентный, фоновый. Где искать вдохновение

Модуль 6. Композиция. Основные правила и принципы создания крепкой 
и сбалансированной композиции

Что такое композиция и почему она важна. Правила композиции. Что такое «визуальная иерархия»

Модуль 7. Работа с мудбордом, ассоциативным полем

Что такое мудборд. Ассоциации: как рождаются идеи. Примеры мудбордов: как они помогают дизайнеру. Где искать картинки и цвета

Модуль 8. Изучение модульных сеток, работа с адаптивным и “резиновым" дизайном

Что такое модульная сетка. Зачем нужны сетки в дизайне. Что такое адаптивность. «Резиновый» дизайн

Модуль 9. Что такое компоненты 
и Auto Layout

Что такое компонент. Что такое Auto Layout 
и зачем он нужен. Что такое варианты: один элемент — много состояний

Модуль 10. UI-кит. Зачем создавать дизайн-системы и как их организовывать в Figma

Что такое UI-кит. Как собрать свой мини-набор: кнопка, поле ввода, иконки. Где искать готовые UI-киты (Figma Community)

Модуль 11. Работа с заказчиком. Создание прототипа для согласования

Что такое прототип и зачем он нужен. Основные блоки сайта: шапка, главный экран, карточки, отзывы, подвал. Кто такой заказчик и как с ним общаться

Модуль 12. Финальный проект: лендинг в Figma

Что такое лендинг и зачем нужен. Основная структура: заголовок, фото, кнопка, меню. Использование UI-кита и компонентов