никогда не работали в Figma и не знаете, с чего начать, чтобы не потеряться в интерфейсе
Настроите профиль, разберётесь в рабочем пространстве и соберёте первый лендинг из готовых текстов и изображений.
работаете с графикой в Photoshop или Illustrator и хотите перейти к дизайну сайтов и интерфейсов
Перенесёте свой визуальный опыт в веб-дизайн: научитесь разбивать сайт на секции, создавать адаптивные блоки и адаптировать макет под мобильные экраны прямо в Figma.
вы маркетолог или SMM-специалист и устали ждать дизайнера ради баннера или правки на лендинге
Самостоятельно соберёте макет промостраницы с библиотекой стилей и компонентов, быстро внесёте изменения и покажете команде кликабельный прототип вместо скриншотов с комментариями.
вы разработчик или no-code-специалист и хотите самостоятельно продумывать дизайн до начала вёрстки
Увидите, что Auto Layout работает по логике CSS Flexbox, поэтому быстро освоите инструмент. Научитесь создавать адаптивные макеты с учётом принципов веб-разработки.
учились по YouTube, но макет разваливается после каждой правки
Разберётесь с сетками, Auto Layout, стилями и компонентами — и перестроите макет так, чтобы не приходилось переделывать все секции после каждого изменения.
с направлением
- экосистема инструментов Figma
- настройка профиля и десктопного приложения
- интерфейс рабочего пространства
- структура аккаунта: команды, проекты, файлы, drafts
- интерфейс рабочего файла
- разделение сайта на секции перед началом работы
- элементы Hero-секции лендинга Rockeye
- структура слоёв и разница между фреймом и группой
- последовательность работы над интерфейсом
- черновая версия следующих секций лендинга
- копирование и вставка элементов: практика в интерактивном тренажёре Figma
- зачем нужны сетки и как они влияют на восприятие сайта
- Layout Guides в Figma: настройка сетки для макета
- Auto Layout: от простой карточки до целой секции
- Resizing и адаптация блоков под контент
- перестройка макета на основе сеток и Auto Layout
- определение визуального стиля и поиск референсов по цветам, типографике, композиции и карточкам
- выбор шрифтов и подключение внешних шрифтов в Figma
- финальная проработка внешнего вида макета
- цветовые и текстовые стили
- что такое компоненты
- основные компоненты и их копии (инстансы)
- создание компонентов и управление ими
- Variants и Component Properties
- правила именования элементов в Figma
- из чего состоит навигация на сайте: хедер, меню, футер
- адаптация макета под мобильные экраны
- интерактивность макета и кликабельный прототип
- режимы презентации
- роль ИИ в работе дизайнера
- AI Actions
- Агенты в Figma
- Figma Make
автор и лектор курса
Head of Design в Alty.В дизайне более 8 лет. Сертифицированный специалист в области UX-исследований от NN/g. Создавал мобильное и tablet-приложения для пилотов и школ малой авиации, которые помогают предсказывать аварийные ситуации во время полётов. Разрабатывал платформу для помощи пациентам с расстройствами пищевого поведения.
цена курса
1 500 грн
платите самостоятельно
или через работодателя
цена курса
1 500 грн
платите самостоятельно
или через работодателя
*Согласно результатам исследования Projector.
В исследовании учавствовали 567 респондетнов
среди выпускников курсов в 2022.
остались вопросы?
подготовили ответы
- подойдёт ли курс тем, кто впервые знакомится с Figma?
- для обучения подойдёт Mac или Windows?
- сколько лекций на курсе?
- можно ли смотреть лекции в удобное время?
- получу ли я сертификат?
регистрация.
первый шаг за вами
Хотите спростить еще что-то? Пишите на hello@prjctr.com или звоните по номеру +38 067 418-95-78.
Образовательные услуги предоставляются путём доступа к публичным образовательным ресурсам в сети Интернет, в том числе к виртуальным классам и образовательной платформе. Курс относится к услугам обучения компьютерной грамотности в понимании п. 197.1.33 НКУ.
первый шаг за вами