Онлайн-курс о том, чему не научат в туториалах
[email protected]
+380 95 701 0105 +7 499 403 1313

ВИДЕОКУРС О ТОМ
ЧЕМУ НЕ НАУЧАТ
В ТУТОРИАЛАХ

BASIS

FIGMA

SOFT & THINKING

6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
6 модулей
34 лекции
Figma — не просто графический редактор.
Это инструмент, который может улучшить дизайн-процессы, ускорить запуск новых проектов и в точности сохранить твой концепт при верстке. На курсе ты научишься не только создавать фреймы и прототипы, но и думать критически, а не слепо следовать инструкциям из туториала.
Записаться

ЗНАКОМЬСЯ, ЛЕКТОР КУРСА

СЕРЕЖА СЕМЕНОВ

SENIOR ПРОДАКТ-ДИЗАЙНЕР В BEAT
BEAT — главный конкурент Uber в Южной Америке
перевел на Figma всю компанию — и дизайнеров, и разработчиков, и менеджеров
верит, что human-centered дизайн создает ценность продукта

РАБОТЫ ЛЕКТОРА

program

Занятия в записи, ДЗ и дополнительные материалы доступны в личном кабинете
6 модулей
34 лекции
Модуль 1 Функционал Figma
Теория
  • 1.1Знакомство с лектором и основными функциями Figma
Практика
  • 1.2 Интерфейс и простые фигуры
  • 1.3 Заливки и фотографии
  • 1.4 Фреймы
  • 1.5 Текст и шрифты
  • 1.6 Векторная графика
  • 1.7 Маски и эффекты
доп. материал
  • Исходники для д/з
  • Видео-пример и шпаргалки для выполнения д/з
Домашнее задание

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

Модуль 2 Фичи Figma, о которых ты не знаешь
Теория
  • 2.1 Mirror App и Контроль версий
  • 2.2 Комьюнити
Практика
  • 2.3 Плагины
  • 2.4 FigJam
доп. материал
  • Плагины и UI-киты
Домашнее задание

Выбрать интерфейс из предложенных лектором и повторить его, используя пройденный функционал

Модуль 3 Верстка
Практика
  • 3.1 Модульные сетки
  • 3.2 Constraints. Как создать «резиновый» макет
  • 3.3 Плагин Breakpoints
  • 3.4 Auto Layout, или Как я жил раньше
  • 3.5 Сектор «Приз»: Как еще использовать Auto Layout (аватарки, фотографии, task manager)
доп. материал
  • Исходники для д/з
  • Видео-пример и шпаргалки для выполнения д/з
Домашнее задание

Создать адаптивные макеты интерфейсов разных размеров и список контактов с помощью Auto Layout

Модуль 4 Стили, компоненты и библиотеки
Практика
  • 4.1 Стили
  • 4.2 Как правильно называть стили
  • 4.3 Компоненты
  • 4.4 Динамические компоненты
  • 4.5 Создание вариантов
  • 4.6 Альтернативные способы управления вариантами
Теория
  • 4.7 Дизайн-системы
доп. материал
  • Как работать с Vector Networks и Boolean Operations
  • Гайд по импорту векторных иллюстраций
Домашнее задание

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

Модуль 5 Прототип и анимация
Теория
  • 5.1 Как устроены прототипы в Figma
Практика
  • 5.2 Сборка кликабельного прототипа. Скролл
  • 5.3 Модальное окно и автоматическая анимация
  • 5.4 Настройки прототипа
  • 5.5 Smart Animation
  • 5.6 Интерактивные компоненты
доп. материал
  • Как сделать имитацию скролла через тригер On Drag
  • Исходники для д/з
Домашнее задание

Сделать прототип приложения из нескольких экранов. Заанимировать его.

Модуль 6 Организация работы
  • 6.1 Как устроена Figma в команде Сережи
  • 6.2 Структура файлов
  • 6.3 Обложка
  • 6.4 Как устроено личное пространство лектора в Figma
Переговорка

Q&A с Сережей Семеновым. Занятие в записи

Показать всю програму

После курса

Инструмент Владеешь функционалом Figma. Можешь создавать и наполнять фреймы и прототипы, работать с эффектами, стилями, текстом, применять модульные сетки и Auto Layout, делать вариативные компоненты и анимацию.
Мышление Учишься по продуктовой методологии. Мыслишь критически — знаешь, не только «как», но и «зачем». Автоматизируешь дизайн-процесс, не тратишь время на сотню правок при верстке.
Практика Закрепляешь теорию на практике, выполняешь 9 домашек: от базового вайрфрейма — до кликабельного прототипа и анимации.
Записаться

ДЛЯ KОГО

Практикующие дизайнеры которые хотят перейти от Sketch, Photoshop и других программ к более функциональному сервису Figma, разобраться, как проектировать интерфейсы и ускорить свой дизайн-процесс.
Junior-дизайнеры которые начинают свой профессиональный путь и хотят качественно освоить Figma, попрактиковаться, получить новый скил и фидбек. Впоследствии — перейти на новую позицию и делать более сложные проекты.
Пользователи Figma которые хотят систематизировать знания и открыть новые инструменты софта, чтобы оптимизировать рабочий процесс.

РАБОТЫ СТУДЕНТОВ

Виталик Бабаев - Сonstraints и сетки
Виктория Москаленко - Вайрфреймы
мобильных приложений
Елена Зернова - Анимация и интерактивные компоненты
Ольга Друзь - Список контактов с использованием
Auto Layout

Личный кабинет MY.SKVOT

Смотри занятия в записи, изучай дополнительные материалы, делай ДЗ. Весь контент курса будет храниться в твоем личном кабинете. Доступ к нему ты получаешь навсегда.

Все презентации, видео, материалы и задания с шаблонами аккуратно сложены под каждым уроком.

Отзывы выпускников

Lena Zernova Продуктовый дизайнер

Получила больше чем ожидала. Сергей – потрясающий лектор, материал подготовлен и донесен на очень высоком уровне! Очень-очень понравился курс!

Vita Moskalenko QA в Safetrading

Курс оказался очень непростой и насыщенный. Лектор поделился опытом работы с Фигма, фишками, лайфхаками и методиками.

Было огромное количество ссылок на дополнительные материалы для изучения.

Оставляй заявку, и мы уточним цену курса и другие подробности.
ОСТАВИТЬ ЗАЯВКУ
ЗАПИСАТЬСЯ НА КУРС ИЛИ ЗАДАТЬ НАМ ВОПРОС
Регистрируясь и нажимая кнопку “Оставить заявку”, вы соглашаетесь с условиями договора-оферты и политикой конфиденциальности
Можно в рассрочку Этот курс можно оплатить по частям. Оставь заявку, чтобы мы обсудили удобные тебе условия.

ИНТЕРЕСНОЕ ПО ТЕМЕ

СЕРЕЖА СЕМЕНОВ: «Я НЕ ВЕРЮ В СОВЕРШЕНСТВО» ДИЗАЙН Дизайнер цифровых продуктов — про западную
культуру фидбека, минимализм
и расшатанный стул.
ЙОВА ЯГЕР: «НАДО ИМЕТЬ СТАЛЬНЫЕ НЕРВЫ, ПЛАН Б
И ЗАПАС ДЕНЕГ ПОД ПОДУШКОЙ» ДИЗАЙН Hospitality-дизайнер — о пространствах со смыслом,
неизбежных факапах и важности сосочков.
ДОМАШНИЙ КРЕАТИВ ДИЗАЙН Как создают необычный арт с ограниченными
вводными.
НИК КЕЙ: «ВИЗУАЛИЗАЦИЯ — ЭТО ОБЕРТКА, КОТОРАЯ
ПРОДАЕТ ПРОЕКТ» ДИЗАЙН 3D-визуализатор — про архитектурную эмпатию,
стерильность и вдохновение по расчету.