Курс подойдёт новичкам в веб-дизайне и научит работать в редакторе с нуля. Вы узнаете, как работать с компонентами интерфейса программы, создавать интерактивные прототипы и набор элементов UI Kit, а также стилизовать их.
Программа состоит из 8 модулей и 48 уроков. Вы выполните выпускную работу — макет проекта для разработчика — и получите сертификат. После обучения вы станете разбираться в дизайне, вёрстке и проектировании командной работы.
Знакомство с Figma
- Разберётесь в интерфейсе и базовых настройках программы.
- Научитесь использовать геометрические фигуры, слои и текстовые поля.
- Соберёте свой первый прототип.
Иконки, иллюстрации и картинки
- Узнаете, как создавать собственные иконки и обрабатывать изображения, используя внутренние инструменты Figma.
- Сможете делать дизайн-макеты с нуля, не используя сторонние редакторы.
Компоненты
- Узнаете, как создавать компоненты и пользоваться панелью настроек.
- Научитесь делать интерактивные прототипы и показывать заказчику, как люди будут пользоваться будущим сайтом.
Библиотеки компонентов и общие стили
- Сможете создавать библиотеки стилей и UI Kit, чтобы стандартизировать элементы интерфейса.
- Научитесь верстать аккуратные макеты с помощью модульных сеток.
Auto Layout и Variants
- Поймёте, как объединить макеты в единую систему с помощью функции Variants.
- Сможете создавать и адаптировать под разные устройства сложные элементы интерфейса.
Сложные многостраничные документы
- Научитесь работать с базовыми экранами и создавать дерево страниц.
- Освоите бета-версию функции Branches.
- Поймёте, как организовать работу команды над разными версиями одного макета.
Дополнительные возможности и сообщество авторов
- Узнаете, какие плагины помогут вам быстро создавать драфтовые проекты и работать с правками.
- Научитесь добавлять анимацию в прототипы.
Подготовка макета для разработчиков
- Сможете показать разработчику технические аспекты проекта и код компонентов.
- Научитесь оптимизировать работу команды с помощью плагина Figma Jam.