Stepik Продвинутый курс по Figma: Анимация, UX-дизайн, переменные
О курсе
Подробнее
Тарифы:
Продвинутый курс по Figma: Анимация, UX-дизайн, переменные и UI KIT
🚀 Для дизайнеров, которые хотят выйти на профессиональный уровень
Вы уже освоили основы Figma, но чувствуете, что можете больше? Этот курс позволит углубить ваши знания и научиться продвинутым техникам UX/UI-дизайна, анимации, работе с переменными и созданию масштабируемых дизайн-систем. Вы не просто изучите новые инструменты — вы создадите полноценный UI KIT и оформите кейс для портфолио, который впечатлит работодателей и заказчиков.
🔥 Что вы изучите на курсе?
1. Продвинутая анимация в Figma
Микровзаимодействия и плавные переходы между экранами.
Анимация кнопок, переключателей, загрузки.
Прототипирование сложных сценариев (onboarding, интерактивные элементы).
2. UX-дизайн: углубленный уровень
Проектирование пользовательских потоков (User Flow).
Работа с информационной архитектурой и юзабилити-тестированием.
Анализ конкурентов и создание CJM (Customer Journey Map).
3. Переменные (Variables) в Figma
Создание динамических цветовых палитр и типографики.
Работа с числовыми и строковыми переменными.
Автоматизация дизайна с помощью условной логики.
4. Профессиональный UI KIT и дизайн-система
Разработка компонентов с вариациями (Variants).
Создание библиотеки иконок, кнопок, форм.
Организация стилей для быстрого обновления дизайна.
5. Оформление кейса для портфолио
Структура убедительного UX/UI-кейса.
Визуальная подача: скриншоты, прототипы, анимации.
Публикация на Dprofile.
💼 Ваш итоговый проект
Вы разработаете UI KIT и дизайн-систему для цифрового продукта (приложение или сайт) и оформите детальный кейс, который можно добавить в портфолио.
Что войдет в проект?
✔️ Полноценная дизайн-система (цвета, шрифты, компоненты).
✔️ Интерактивный прототип с анимацией.
✔️ Готовый UI KIT для повторного использования.
✔️ Профессионально оформленный кейс.
Если ваших знаний пока недостаточно для этого курса
Советуем приобрести этот курс сразу в комплекте с UX/UI и веб-дизайн в Figma 2025 с нуля для начинающих. При покупке сразу двух курсов выгода 20%: Профессия UX/UI дизайнер в Figma 2025
🚀 Готовы перейти на новый уровень в Figma?
Этот курс даст вам навыки, которые ценятся в продуктовых командах и студиях. Вы не просто изучите инструменты — научитесь мыслить как продвинутый дизайнер.
📩 Записывайтесь и создайте проект, который выделит вас среди других дизайнеров!
👉 Подписывайтесь на обновления в Telegram: t.me/skilltor
Требования
Что нужно для старта
- Для старта достаточно ноутбука или ПК, доступа в интернет и базовых знаний в Figma.
Результат
Что вы получите
- Научитесь создавать анимацию кнопок, выключателей, переходов между экранами, загрузки и сложную анимацию.
- Научитесь создавать сайты в один клик с помощью Figma Make с использованием нейросетей.
- Научитесь работать с UX-дизайном и познакомитесь с основыми темами и концепциями.
- Узнаете что такое переменные в Figma и научитесь с ними работать.
- Создадите большой и качественный UI KIT с использованием переменных, стилей, сложных компонентов и AutoLayout.
- Оформите качественный кейс для публикации на Dprofile.
Аудитория
Для кого этот курс
- Этот курс для вас, если вы:
- ✅ Уже работаете в Figma, но хотите углубить знания.
- ✅ Хотите освоить UX-дизайн, анимацию и переменные.
- ✅ Планируете создать сильное портфолио с профессиональными кейсами.
- ✅ Стремитесь к уровню Junior+/Middle дизайнера.
Содержание
11 занятийПрограмма курса
№ТемаЧто внутри
01Знакомство
- Информация о курсе
- Как проходить курс
02Базовая анимация
- Анимация загрузки
- Анимация кнопки включения
- Анимация открывающегося меню
- Анимация кнопки
03Создание сайта в Figma Make
- Генерация сайта
- Настройка сайта
- Доработка сайта
04UX-дизайн
- Что такое UX дизайн
- UX Исследования
- Глубинное интервью
- Customer Journey Map
- Онлайн-опросы
- Юзабилити тестирование
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Финал
- Получение сертификата
01Знакомство
- Информация о курсе
- Как проходить курс
02Базовая анимация
- Анимация загрузки
- Анимация кнопки включения
- Анимация открывающегося меню
- Анимация кнопки
03Создание сайта в Figma Make
- Генерация сайта
- Настройка сайта
- Доработка сайта
04UX-дизайн
- Что такое UX дизайн
- UX Исследования
- Глубинное интервью
- Customer Journey Map
- Онлайн-опросы
- Юзабилити тестирование
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Финал
- Получение сертификата
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Продвинутый курс по Figma: Анимация, UX-дизайн, переменные» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 12 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
