Мы используем cookie для стабильной работы сервиса. Подробнее

Продвинутый курс по Figma с Личным проектом и Наставничеством

ФорматОнлайн
Длительность1-2 часа в день
Объём12 занятий
По окончанииStepik
О курсе

Подробнее

Тарифы:
Требования

Что нужно для старта

  • Для старта достаточно ноутбука или ПК, доступа в интернет и базовых знаний в Figma.
Результат

Что вы получите

  • Научитесь создавать анимацию кнопок, выключателей, переходов между экранами, загрузки и сложную анимацию.
  • Научитесь создавать сайты в один клик с помощью Figma Make с использованием нейросетей.
  • Научитесь работать с UX-дизайном и познакомитесь с основыми темами и концепциями.
  • Самостоятельно проектировать качественные интерфейсы.
  • Узнаете что такое переменные в Figma и научитесь с ними работать.
  • Создадите большой и качественный UI KIT с использованием переменных, стилей, сложных компонентов и AutoLayout.
  • Оформите качественный кейс для публикации на Dprofile.
Аудитория

Для кого этот курс

  • Этот курс для вас, если вы:
  • ✅ Уже работаете в Figma, но хотите углубить знания.
  • ✅ Хотите освоить UX-дизайн, анимацию и переменные.
  • ✅ Планируете создать сильное портфолио с профессиональными кейсами.
  • ✅ Стремитесь к уровню Junior+/Middle дизайнера.
Содержание

Программа курса

12 занятий
ТемаЧто внутри
01Знакомство

- Информация о курсе
- Как проходить курс
- Как отправлять домашние задания на проверку

02Базовая анимация

- Анимация загрузки
- Анимация кнопки включения
- Анимация открывающегося меню
- Анимация кнопки
- Домашнее задание. Интерактивный UI-экран

03Создание сайта в Figma Make

- Генерация сайта
- Настройка сайта
- Доработка сайта
- Домашнее задание. Лендинг для производителя велосипедов

04UX-дизайн

- Что такое UX дизайн
- UX Исследования
- Глубинное интервью
- Customer Journey Map
- Онлайн-опросы
- Юзабилити тестирование
- Домашнее задание. UX-исследование продукта

05Переменные

- Знакомство с переменными
- Настройка переменных
- Домашнее задание. Гибкая дизайн-система

06Создаём UI KIT: переменные

- Создание переменных для цветов
- Создание переменных для размеров ч. 1
- Создание переменных для размеров ч. 2
- Создание переменных для текста
- Домашнее задание. Ревью проделанной работы

07Создаём UI KIT: стили

- Создание стилей для текста ч. 1
- Создание стилей для текста ч. 2
- Создание стилей для эффектов
- Домашнее задание. Ревью проделанной работы

08Создаём UI KIT: компоненты

- Создаём Accordion
- Создаём Button ч. 1
- Создаём Button ч. 2
- Создаём Button ч. 3
- Создаём Button ч. 4
- Создаём меню Dialog
- Создаём Inputs ч. 1
- Создаём Inputs ч. 2
- Создаём Inputs ч. 3
- Создаём Notification
- Создаём Pagination ч. 1
- Создаём Pagination ч. 2
- Создаём Tabs
- Создаём Tags
- Создаём Toolips
- Домашнее задание. Ревью проделанной работы

09Создаём UI KIT: элементы интерфейсов

- Создаём формы
- Создаём Header
- Создаём Footer
- Создаём заголовки
- Создаём блоки с информацией
- Создаём блок с отзывами
- Создаём блок с вопросами
- Домашнее задание. Ревью проделанной работы

10Создаём UI KIT: оформление кейса

- Создаём главный экран
- Создаём второй экран
- Создаём третий экран
- Создаём четвёртый экран ч. 1
- Создаём четвёртый экран ч. 2
- Создаём пятый и шестой экран
- Публикация кейса на Dprofile

11Личный проект

- Что предстоит сделать
- Выбор проекта
- Первый экран
- Второй экран
- Третий экран
- Четвёртый экран
- Пятый экран
- Анимация элементов
- Оформление кейса

12Финал

- Получение сертификата

01Знакомство

- Информация о курсе
- Как проходить курс
- Как отправлять домашние задания на проверку

02Базовая анимация

- Анимация загрузки
- Анимация кнопки включения
- Анимация открывающегося меню
- Анимация кнопки
- Домашнее задание. Интерактивный UI-экран

03Создание сайта в Figma Make

- Генерация сайта
- Настройка сайта
- Доработка сайта
- Домашнее задание. Лендинг для производителя велосипедов

04UX-дизайн

- Что такое UX дизайн
- UX Исследования
- Глубинное интервью
- Customer Journey Map
- Онлайн-опросы
- Юзабилити тестирование
- Домашнее задание. UX-исследование продукта

05Переменные

- Знакомство с переменными
- Настройка переменных
- Домашнее задание. Гибкая дизайн-система

06Создаём UI KIT: переменные

- Создание переменных для цветов
- Создание переменных для размеров ч. 1
- Создание переменных для размеров ч. 2
- Создание переменных для текста
- Домашнее задание. Ревью проделанной работы

07Создаём UI KIT: стили

- Создание стилей для текста ч. 1
- Создание стилей для текста ч. 2
- Создание стилей для эффектов
- Домашнее задание. Ревью проделанной работы

08Создаём UI KIT: компоненты

- Создаём Accordion
- Создаём Button ч. 1
- Создаём Button ч. 2
- Создаём Button ч. 3
- Создаём Button ч. 4
- Создаём меню Dialog
- Создаём Inputs ч. 1
- Создаём Inputs ч. 2
- Создаём Inputs ч. 3
- Создаём Notification
- Создаём Pagination ч. 1
- Создаём Pagination ч. 2
- Создаём Tabs
- Создаём Tags
- Создаём Toolips
- Домашнее задание. Ревью проделанной работы

09Создаём UI KIT: элементы интерфейсов

- Создаём формы
- Создаём Header
- Создаём Footer
- Создаём заголовки
- Создаём блоки с информацией
- Создаём блок с отзывами
- Создаём блок с вопросами
- Домашнее задание. Ревью проделанной работы

10Создаём UI KIT: оформление кейса

- Создаём главный экран
- Создаём второй экран
- Создаём третий экран
- Создаём четвёртый экран ч. 1
- Создаём четвёртый экран ч. 2
- Создаём пятый и шестой экран
- Публикация кейса на Dprofile

11Личный проект

- Что предстоит сделать
- Выбор проекта
- Первый экран
- Второй экран
- Третий экран
- Четвёртый экран
- Пятый экран
- Анимация элементов
- Оформление кейса

12Финал

- Получение сертификата

Документ после выпуска

Stepik

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Продвинутый курс по Figma с Личным проектом и Наставничеством» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:Figma

Информация обновлена 12 августа 2026 г.

Продолжить выбор

Похожие курсы

Начать без затрат

Бесплатные курсы