Figma для UI/UX дизайнера
Подробнее
Что вы получите
- проектировать цифровые продукты и интерфейсы с применением лучших практик дизайна;
- использовать AI-инструменты для генерации дизайна и кода по текстовым запросам;
- разрабатывать адаптивные web-страницы и интерактивные мобильные приложения;
- создавать презентации, маркетинговые материалы и рекламные креативы без переключения между программами;
- проектировать дизайн-системы и автоматизировать рутинные процессы;
- организовывать командную работу и эффективно передавать макеты разработчикам.
Программа курса
Назначение и применение Figma. Обзор программ проектирования интерфейсов - Figma, Sketch, Adobe XD, Pixso, их место в процессе разработки продукта. Преимущества Figma над другими программами. Функционал Figma, варианты подписки и их возможности, ограничения бесплатной версии. Практикум: Регистрация в Figma. Первое знакомство с интерфейсом и создание прототипа. Настройка Figma, рабочее пространство, интерфейс. Быстрое прототипирование экранов мобильного приложения с использованием базовых фигур, текста и связей между фреймами.
Создание прототипов экранов приложения с помощью FigJam. Использование сеток дизайна. Создание элементов дизайна. Использование плагинов и виджетов. Библиотеки UI-kit, понятие дизайн-системы. Использование компонентов для унификации дизайна. Добавление интерактивности и просмотр результата. Объекты в Figma,оформление приложения, цвет и стиль. Сохранение и экспорт дизайна. Взаимодействие Figma с другими программами. Практикум: Разработка UI-кита для мобильного приложения. Формируем структуру экранов мобильного приложения с помощью FigJam. Создаем экраны мобильного приложения в Figma и настраиваем сетки дизайна. Создаем элементы дизайна. Добавляем интерактивность. Просматриваем результат с использованием мобильных устройств.
Управление поведением при скроллинге. Использование Auto-Layout для упрощения макетирования. Создание адаптивного макета при помощи ограничителей (constraints). Компоненты, варианты, слоты… Переменные (variables) и варианты их применения. Интерактивные возможности. Добавление эффектов. Практикум: Лендинг для SaaS-продукта - создаем адаптивный макет для разных устройств. Настраиваем интерактивность в макете. Добавляем эффекты для привлечения внимания к ключевым элементам.
Анимационные возможности Figma, знакомство с Figma Motion. Создание презентаций с помощью Figma Slides. Создание рекламных объектов с помощью Figma Buzz. Использование элементов ИИ. Figma Make: генерация готового дизайна и кода по запросу, возможности коррекции и доведения до нужного результата. Figma Site: создание готового сайта. Возможности командной работы. Предоставление информации для верстальщиков и программистов. Практикум: Создание презентации проекта с использованием ИИ и инструментов Figma. Создание продающей карточки для маркетплейса (например, Wildberries или Ozon). Создаем презентацию своего проекта при помощи Figma Slides. Изучаем возможности генерации элементов интерфейса или иконографики с помощью Figma Make, а также автоматизацию рутинных задач с помощью AI-плагинов.
Возможности платной подписки Figma Pro. А что умеет Pixso?
01Модуль 1. Введение в Figma (2 ак. ч.)
Назначение и применение Figma. Обзор программ проектирования интерфейсов - Figma, Sketch, Adobe XD, Pixso, их место в процессе разработки продукта. Преимущества Figma над другими программами. Функционал Figma, варианты подписки и их возможности, ограничения бесплатной версии. Практикум: Регистрация в Figma. Первое знакомство с интерфейсом и создание прототипа. Настройка Figma, рабочее пространство, интерфейс. Быстрое прототипирование экранов мобильного приложения с использованием базовых фигур, текста и связей между фреймами.
02Модуль 2. Создание дизайна мобильного приложения (6 ак. ч.)
Создание прототипов экранов приложения с помощью FigJam. Использование сеток дизайна. Создание элементов дизайна. Использование плагинов и виджетов. Библиотеки UI-kit, понятие дизайн-системы. Использование компонентов для унификации дизайна. Добавление интерактивности и просмотр результата. Объекты в Figma,оформление приложения, цвет и стиль. Сохранение и экспорт дизайна. Взаимодействие Figma с другими программами. Практикум: Разработка UI-кита для мобильного приложения. Формируем структуру экранов мобильного приложения с помощью FigJam. Создаем экраны мобильного приложения в Figma и настраиваем сетки дизайна. Создаем элементы дизайна. Добавляем интерактивность. Просматриваем результат с использованием мобильных устройств.
03Модуль 3. Создание адаптивного дизайна web-страницы (12 ак. ч.)
Управление поведением при скроллинге. Использование Auto-Layout для упрощения макетирования. Создание адаптивного макета при помощи ограничителей (constraints). Компоненты, варианты, слоты… Переменные (variables) и варианты их применения. Интерактивные возможности. Добавление эффектов. Практикум: Лендинг для SaaS-продукта - создаем адаптивный макет для разных устройств. Настраиваем интерактивность в макете. Добавляем эффекты для привлечения внимания к ключевым элементам.
04Модуль 4. Приложения Figma и искусственный интеллект (4 ак. ч.)
Анимационные возможности Figma, знакомство с Figma Motion. Создание презентаций с помощью Figma Slides. Создание рекламных объектов с помощью Figma Buzz. Использование элементов ИИ. Figma Make: генерация готового дизайна и кода по запросу, возможности коррекции и доведения до нужного результата. Figma Site: создание готового сайта. Возможности командной работы. Предоставление информации для верстальщиков и программистов. Практикум: Создание презентации проекта с использованием ИИ и инструментов Figma. Создание продающей карточки для маркетплейса (например, Wildberries или Ozon). Создаем презентацию своего проекта при помощи Figma Slides. Изучаем возможности генерации элементов интерфейса или иконографики с помощью Figma Make, а также автоматизацию рутинных задач с помощью AI-плагинов.
05Модуль 5. (бонусный) Figma: продолжение следует…
Возможности платной подписки Figma Pro. А что умеет Pixso?
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Figma для UI/UX дизайнера» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 28 сентября 2026 г.

Специалист 




















