Stepik Продвинутый курс по Figma с Личным проектом и Наставничеством
О курсе
Подробнее
Тарифы:
Требования
Что нужно для старта
- Для старта достаточно ноутбука или ПК, доступа в интернет и базовых знаний в 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
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Продвинутый курс по Figma с Личным проектом и Наставничеством» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Направления:Figma
Информация обновлена 17 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
