Stepik UX/UI дизайн в Figma с Личным проектом и Наставничеством
Требования
Что нужно для старта
- Достаточно простого ноутбука и доступа в интернет. Никакой сложной подготовки!
Результат
Что вы получите
- Базовые навыки: Работать с Frame, Group, Section.
- Создавать и работать с Grid сетками.
- Научитесь работать с Autolayout для создания адаптивных интерфейсов.
- Системный подход: создадите и будете управлять компонентами и стилями (цвет, текст, эффекты) для больших проектов.
- Самостоятельно выполнять домашние задания по заданному техническому заданию.
- Выполните личный проект по проектированию интерфейса на выбранную тему.
- Визуальный дизайн: научитесь применять эффекты (тени, размытия).
- Научитесь создавать плавную анимацию для интерфейсов.
- Узнаете что такое гайдлайны и как с ними работать.
- Профессиональная практика: разработаете полноценный UI KIT для проекта.
- Реальный проект: создадите интерфейса мобильного приложения доставки еды "DeliveryPro" от идеи до готового дизайна!
- Портфолио: оформление дизайн-проекта в красивый кейс для Dprofile.
- Создание сайта-портфолио на Tilda для презентации работ.
Аудитория
Для кого этот курс
- Этот курс идеально подходит вам, если вы хотите:
- ✅ Начать карьеру в IT и работать UX/UI дизайнером.
- ✅ С нуля освоить Figma — ведущий инструмент для дизайна интерфейсов.
- ✅ Получить практические навыки и реальное портфолио.
- ✅ Научиться создавать современные мобильные приложения и интерфейсы.
- ✅ Понимать процесс дизайна от идеи до презентации заказчику.
Содержание
12 занятийПрограмма курса
№ТемаЧто внутри
01Введение
- Информация о курсе
- Как проходить курс
- Установка Figma
- Как отправлять домашние задания на проверку
02Базовый модуль
- Знакомство с интерфейсом
- Работа с текстом и шрифтами
- Работа и настройка цвета
- Учимся создавать и работать со стилями
- Домашнее задание. Подбор цветов и типографики для проекта
03Профильный модуль
- Учимся создавать и работать с Grid сетками
- Основы работы с Autolayout
- Учимся создавать и работать с компонентами ч. 1
- Учимся создавать и работать с компонентами ч. 2
- Работа с нейросетями для UI/UX дизайнера
- Домашнее задание. Проектирование экрана авторизации
04UX практикум
- Создание интуитивно понятных интерфейсов
- Эсетика и стиль, влияющие на восприятие интерфейсов
- Понимание потребностей и поведения пользователей
- Проверка дизайна на пользователях и его улучшение
05Гайдлайны
- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android
- Домашнее задание. Создание интерфейса приложения для IOS
06Создаём UI KIT для мобильного приложения
- Создаём стили для текста
- Создаём стили для цветов
- Создаём кнопки ч. 1
- Создаём кнопки ч. 2
- Создаём Tabs
- Создаём фильтры
- Создаём Checkbox
- Создаём Radio Button и кнопку включения
- Создаём рейтинг
- Создаём счётчик
- Создаём Input
- Создаём Dropdown
- Создаём поиск
- Домашнее задание. Ревью UI KIT
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Личный проект
- Что предстоит сделать
- Выбор проекта
- Подбор шрифтов и цветов
- Проектирование библиотеки компонентов
- Проектирование интерфейса приложения
- Оформление и публикация кейса
12Заключение
- Что делать дальше
- Получение сертификата
01Введение
- Информация о курсе
- Как проходить курс
- Установка Figma
- Как отправлять домашние задания на проверку
02Базовый модуль
- Знакомство с интерфейсом
- Работа с текстом и шрифтами
- Работа и настройка цвета
- Учимся создавать и работать со стилями
- Домашнее задание. Подбор цветов и типографики для проекта
03Профильный модуль
- Учимся создавать и работать с Grid сетками
- Основы работы с Autolayout
- Учимся создавать и работать с компонентами ч. 1
- Учимся создавать и работать с компонентами ч. 2
- Работа с нейросетями для UI/UX дизайнера
- Домашнее задание. Проектирование экрана авторизации
04UX практикум
- Создание интуитивно понятных интерфейсов
- Эсетика и стиль, влияющие на восприятие интерфейсов
- Понимание потребностей и поведения пользователей
- Проверка дизайна на пользователях и его улучшение
05Гайдлайны
- Что такое гайдлайны
- Гайдлайны IOS
- Гайдлайны Android
- Домашнее задание. Создание интерфейса приложения для IOS
06Создаём UI KIT для мобильного приложения
- Создаём стили для текста
- Создаём стили для цветов
- Создаём кнопки ч. 1
- Создаём кнопки ч. 2
- Создаём Tabs
- Создаём фильтры
- Создаём Checkbox
- Создаём Radio Button и кнопку включения
- Создаём рейтинг
- Создаём счётчик
- Создаём Input
- Создаём Dropdown
- Создаём поиск
- Домашнее задание. Ревью UI KIT
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Личный проект
- Что предстоит сделать
- Выбор проекта
- Подбор шрифтов и цветов
- Проектирование библиотеки компонентов
- Проектирование интерфейса приложения
- Оформление и публикация кейса
12Заключение
- Что делать дальше
- Получение сертификата
Документ после выпуска
Stepik
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «UX/UI дизайн в Figma с Личным проектом и Наставничеством» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 17 августа 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
