Stepik UX/UI в Figma с нуля для начинающих
О курсе
Подробнее
Тарифы:
🔥 Курс по UX/UI дизайну в Figma. Курс создан в самой последней версии Figma
Этот курс — поможет начать путь в мир дизайна интерфейсов и сайтов. Вы научитесь работать в Figma с нуля до уровня создания сложных, профессиональных проектов. Вы не просто изучите теорию, а реализуете полноценный кейс для вашего портфолио UX/UI дизайнера!
Ваш итоговый проект: UI/UX дизайн мобильного приложения DeliveryPro!
На курсе вы не просто изучите инструменты — вы создадите с нуля:
Набор компонентов (UI KIT) для приложения доставки еды.
Полноценный интерфейс мобильного приложения DeliveryPro (экраны, навигация, логика).
Привлекательный кейс для публикации на Dprofile.
Сайт-портфолио на Tilda, где разместите ваш проект.
🚀 Готовы начать свой путь в UI/UX дизайне? Освойте Figma и создайте свое первое профессиональное приложение!
Подписывайтесь на наш Telegram-канал 👉 t.me/skilltor
Будьте в курсе новостей курса, получайте бесплатные уроки и советы по Figma и дизайну!
Не упустите шанс войти в мир UX/UI дизайна! Начните обучение в Figma уже сегодня!
Требования
Что нужно для старта
- Достаточно простого ноутбука и доступа в интернет. Никакой сложной подготовки!
Результат
Что вы получите
- Базовые навыки: Работать с Frame, Group, Section.
- Создавать и работать с Grid сетками.
- Научитесь работать с Autolayout для создания адаптивных интерфейсов.
- Системный подход: создадите и будете управлять компонентами и стилями (цвет, текст, эффекты) для больших проектов.
- Визуальный дизайн: научитесь применять эффекты (тени, размытия).
- Научитесь создавать плавную анимацию для интерфейсов.
- Профессиональная практика: разработаете полноценный UI KIT для проекта.
- Реальный проект: создадите интерфейса мобильного приложения доставки еды "DeliveryPro" от идеи до готового дизайна!
- Портфолио: оформление дизайн-проект в красивый кейс для Dprofile.
- Создание сайта-портфолио на Tilda для презентации работ.
- Узнаете что такое гайдлайны и как с ними работать.
Аудитория
Для кого этот курс
- Этот курс идеально подходит вам, если вы хотите:
- ✅ Начать карьеру в IT и работать UX/UI дизайнером.
- ✅ С нуля освоить Figma — ведущий инструмент для дизайна интерфейсов.
- ✅ Получить практические навыки и реальное портфолио.
- ✅ Научиться создавать современные мобильные приложения и интерфейсы.
- ✅ Понимать процесс дизайна от идеи до презентации заказчику.
Содержание
11 занятийПрограмма курса
№ТемаЧто внутри
01Введение
- Информация о курсе
- Как проходить курс
- Установка Figma
02Базовый модуль
- Знакомство с интерфейсом
- Работа с текстом и шрифтами
- Работа и настройка цвета
- Учимся создавать и работать со стилями
03Профильный модуль
- Учимся создавать и работать с Grid сетками
- Основы работы с Autolayout
- Учимся создавать и работать с компонентами ч. 1
- Учимся создавать и работать с компонентами ч. 2
- Работа с нейросетями для UI/UX дизайнера
04UX практикум
- Создание интуитивно понятных интерфейсов
- Эсетика и стиль, влияющие на восприятие интерфейсов
- Понимание потребностей и поведения пользователей
- Проверка дизайна на пользователях и его улучшение
05Гайдлайны
- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android
06Создаём UI KIT для мобильного приложения
- Создаём стили для текста
- Создаём стили для цветов
- Создаём кнопки ч. 1
- Создаём кнопки ч. 2
- Создаём Tabs
- Создаём фильтры
- Создаём Checkbox
- Создаём Radio Button и кнопку включения
- Создаём рейтинг
- Создаём счётчик
- Создаём Input
- Создаём Dropdown
- Создаём поиск
07Проектируем мобильное приложение доставки еды
- Создаём проект
- Создаём экран авторизации ч. 1
- Создаём экран авторизации ч. 2
- Создаём главный экран ч. 1
- Создаём главный экран ч. 2
- Создаём главный экран ч. 3
- Создаём блок "Рестораны" ч. 1
- Создаём блок "Рестораны" ч. 2
- Создаём меню ресторана ч. 1
- Создаём меню ресторана ч. 2
- Создаём меню ресторана ч. 3
- Создаём меню ресторана ч. 4
- Создаём экран с описанием блюда ч. 1
- Создаём экран с описанием блюда ч. 2
- Дорабатываем экран с меню
- Создаём экран с оформлением заказ ч. 1
- Создаём экран с оформлением заказ ч. 2
- Создаём экран с оформлением заказ ч. 3
- Создаём экран с оформлением заказ ч. 4
- Создаём экран с оформлением заказ ч. 5
- Создаём экран со статусами заказов ч. 1
- Создаём экран со статусами заказов ч. 2
- Создаём экран с настройками профиля
- Доделываем проект и исправляем ошибки
08Анимация мобильного приложения
- Анимация кнопок и экранов авторизации
- Анимация главного экрана и меню ресторана
- Анимация экранов заказа и остальных
09Оформление кейса
- Регистрация и знакомство с Dprofile
- Оформление кейса в Figma ч. 1
- Оформление кейса в Figma ч. 2
- Оформление кейса в Figma ч. 3
- Оформление кейса в Figma ч. 4
- Публикация кейса на Dprofile
10Создание сайта-портфолио на Tilda
- Создание сайта-портфолио
- Настройка сайта-портфолио
11Заключение
- Что делать дальше
- Получение сертификата
01Введение
- Информация о курсе
- Как проходить курс
- Установка Figma
02Базовый модуль
- Знакомство с интерфейсом
- Работа с текстом и шрифтами
- Работа и настройка цвета
- Учимся создавать и работать со стилями
03Профильный модуль
- Учимся создавать и работать с Grid сетками
- Основы работы с Autolayout
- Учимся создавать и работать с компонентами ч. 1
- Учимся создавать и работать с компонентами ч. 2
- Работа с нейросетями для UI/UX дизайнера
04UX практикум
- Создание интуитивно понятных интерфейсов
- Эсетика и стиль, влияющие на восприятие интерфейсов
- Понимание потребностей и поведения пользователей
- Проверка дизайна на пользователях и его улучшение
05Гайдлайны
- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android
06Создаём UI KIT для мобильного приложения
- Создаём стили для текста
- Создаём стили для цветов
- Создаём кнопки ч. 1
- Создаём кнопки ч. 2
- Создаём Tabs
- Создаём фильтры
- Создаём Checkbox
- Создаём Radio Button и кнопку включения
- Создаём рейтинг
- Создаём счётчик
- Создаём Input
- Создаём Dropdown
- Создаём поиск
07Проектируем мобильное приложение доставки еды
- Создаём проект
- Создаём экран авторизации ч. 1
- Создаём экран авторизации ч. 2
- Создаём главный экран ч. 1
- Создаём главный экран ч. 2
- Создаём главный экран ч. 3
- Создаём блок "Рестораны" ч. 1
- Создаём блок "Рестораны" ч. 2
- Создаём меню ресторана ч. 1
- Создаём меню ресторана ч. 2
- Создаём меню ресторана ч. 3
- Создаём меню ресторана ч. 4
- Создаём экран с описанием блюда ч. 1
- Создаём экран с описанием блюда ч. 2
- Дорабатываем экран с меню
- Создаём экран с оформлением заказ ч. 1
- Создаём экран с оформлением заказ ч. 2
- Создаём экран с оформлением заказ ч. 3
- Создаём экран с оформлением заказ ч. 4
- Создаём экран с оформлением заказ ч. 5
- Создаём экран со статусами заказов ч. 1
- Создаём экран со статусами заказов ч. 2
- Создаём экран с настройками профиля
- Доделываем проект и исправляем ошибки
08Анимация мобильного приложения
- Анимация кнопок и экранов авторизации
- Анимация главного экрана и меню ресторана
- Анимация экранов заказа и остальных
09Оформление кейса
- Регистрация и знакомство с Dprofile
- Оформление кейса в Figma ч. 1
- Оформление кейса в Figma ч. 2
- Оформление кейса в Figma ч. 3
- Оформление кейса в Figma ч. 4
- Публикация кейса на Dprofile
10Создание сайта-портфолио на Tilda
- Создание сайта-портфолио
- Настройка сайта-портфолио
11Заключение
- Что делать дальше
- Получение сертификата
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «UX/UI в Figma с нуля для начинающих» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 17 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
