Курс состоит из 16 модулей:
практические видеоуроки, презентации, инструменты
Рабочее пространство и основные панели
• десктопное приложение
• обзор интерфейса, панелей, вкладок, горячих клавиш
• сетка, направляющие,
линейки и отступы
Вы получите 8 бонусов в виде инструкций, чек-листов, гайдов, которые будут полезны для создания дизайна в Figma
• регистрация пользователя
• создание нового файла
• возможности Figma в бесплатной и платной версии
Получите бесплатный доступ к первому уроку на 3 дня!
Протестируйте курс и начните осваивать работу в Figma прямо сейчас!
Библиотека стилей, Variables (переменные)
• стили текста, цвета, тени
• структура и группировка стилей
• работа с Variables
• базовая сборка UI-кита
• родительские и дочерние объекты
• структура и группировка компонентов
• работа с constrains
Работа с основными инструментами
• создание фрейма, фигур, вектора
• работа с эффектами (заливка, градиент, тени и т.д.)
• маски и булинговые операции
• группировка объектов
в Auto layout
• абсолютное позиционирование
• максимальные и минимальные размеры
• панель настройки анимации
• настройка переходов и выходов
с обратной связью от преподавателя
• основные плагины
• ресурсы Figma Community
• возможности Figma Jam
35 лучших бесплатных шрифтов
Подборка полезных плагинов
Подборка сервисов для работы с изображениями
8 сервисов для работы с цветом
6 книг для развития навыков визуализации
Нейросети для работы с изображениями
Инструкция по скачиванию и установке шрифтов
Проектирование главной страницы
• разработка структуры главной страницы сайта
• создание альтернативной версии
• основы типографики
• работа с цветом и создание цветовых схем
Дизайн для маркетплейсов и социальных сетей
• стандартные требования к дизайну
• дизайн карточек для маркетплейсов
• дизайн контента для сторис
• оформление баннеров
Основы мобильного дизайна
• отличия мобильного и веб-дизайна
• дизайн главного экрана приложения
• разработка страниц «О нас», «Контакты», "Блог»
Создание интерфейса входа
• проектирование главного экрана
• создание интерактивного прототипа мобильного приложения
Введение в дизайн-системы
• основы создания дизайн-системы в Figma
• работа с токенами дизайна и их применение
• создание базовой дизайн-системы для проекта
• основы прототипирования в Figma
• интерактивные элементы и анимация