Figma для UI/UX дизайнера

Figma для UI/UX дизайнера

4.3

ФорматОнлайн

Длительность24 ак. ч. + 24 ак. ч. самостоятельно

Объём4 занятий

О курсе

Подробнее

.checkmark::before { content: "\2714"; display: inline-block; margin-right: 0.4em; color: #3d4a42; font-weight: bold; font-size: 1em; } Сегодня Figma — больше, чем инструмент дизайнера. Это универсальная платформа для создания интерфейсов, презентаций, маркетинговых материалов и даже кода, где дизайн, AI и командная работа объединены в едином пространстве. Хотите освоить Figma на профессиональном уровне и использовать ее возможности максимально эффективно? Приходите на наш курс! Это практический интенсив, на котором вы закрепите базовые навыки, освоите продвинутые возможности Figma, а так же научитесь использовать AI и автоматизацию в работе. Что вы будете делать на практике: Создавать продукт: Создадите дизайн мобильного приложения: от скетчей в FigJam — до интерактивного прототипа с анимацией и адаптивной веб-версией. Проектировать дизайн-системы: Построите масштабируемую систему с помощью компонентов, Auto Layout, переменных и стилей. Интегрировать ИИ в рабочий процесс: Научитесь использовать Figma Make: генерировать интерфейсы и код по текстовому описанию, дорабатывать макеты с помощью ИИ. Автоматизировать рутинные задачи: Настроите библиотеки, подключите плагины и создадите собственные шаблоны — чтобы ускорить работу и повысить качество. Создавать презентации и маркетинговые материалы: Освоите Figma Slides и Figma Buzz: создадите презентации, промо-материалы и баннеры — без переключения на другие программы. Налаживать командную работу: Настроите процесс совместной работы и передачу макетов разработчикам — без потерь, правок и недопонимания. Во время обучения вы будете работать над реальными проектами из дизайна, маркетинга и разработки, создавая интерфейсы, презентации и маркетинговые материалы, которые можно применять в профессиональной практике уже в процессе обучения. Этот курс для вас, если вы: Дизайнер — хотите систематизировать знания, освоить продвинутые техники, автоматизировать рутину и уверенно использовать ИИ. Маркетолог или SMM-специалист — и создаете креативы, презентации, промо-материалы, лендинги, баннеры и посты. Разработчик, продуктолог или тимлид — и хотите быстрее понимать логику макетов, эффективно взаимодействовать с дизайнерами и внедрять подходы design-first. Эксперт, презентатор или владелец бизнеса — и вам важно уметь быстро визуализировать идеи, гипотезы и продукты без помощи дизайнера. Присоединяйтесь к курсу и станьте частью сообщества профессионалов, которые впечатляют заказчиков и работодателей.

Результат

Что вы получите

проектировать цифровые продукты и интерфейсы с применением лучших практик дизайна;
создавать масштабируемые дизайн-системы и автоматизировать рутинные процессы;
использовать AI-инструменты для генерации дизайна и кода по текстовым запросам;
разрабатывать адаптивные web-страницы и интерактивные мобильные приложения;
создавать презентации, маркетинговые материалы и рекламные креативы без переключения между программами;
организовывать командную работу и эффективно передавать макеты разработчикам.

Содержание

Программа курса

4 занятия

№ТемаЧто внутри

01Модуль 1. Введение в Figma (2 ак. ч.)

Обзор программ проектирования интерфейсов - Figma, Sketch, Adobe XD, Pixso, их место в процессе разработки продукта. Преимущества Figma над другими программами. Функционал Figma, варианты подписки и их возможности, ограничения бесплатной версии. Практикум: Первое знакомство с интерфейсом и создание прототипа Регистрация в Figma. Настройка Figma, рабочее пространство, интерфейс. Быстрое прототипирование экранов мобильного приложения с использованием базовых фигур, текста и связей между фреймами.

02Модуль 2. Создание дизайна мобильного приложения (6 ак. ч.)

Создание прототипов экранов приложения с помощью FigJam. Использование сеток дизайна. Создание элементов дизайна. Использование плагинов и виджетов. Библиотеки UI-kit. Использование компонентов для унификации дизайна. Оформление приложения, цвет и стиль. Добавление интерактивности и просмотр результата. Сохранение и экспорт дизайна. Взаимодействие Figma с другими программами. Практикум: Разработка UI-кита для мобильного приложения Формируем структуру экранов мобильного приложения с помощью FigJam. Создаем экраны мобильного приложения в Figma и настраиваем сетки дизайна. Создаем элементы дизайна. Добавляем интерактивность. Просматриваем результат с использованием мобильных устройств.

03Модуль 3. Создание адаптивного дизайна web-страницы (8 ак. ч.)

Использование Auto-layout для упрощения макетирования. Создание адаптивного макета при помощи ограничителей (constraints). Переменные (variables) и варианты их применения. Добавление эффектов. Практикум: Адаптивный лендинг для SaaS-продукта Создаем адаптивный макет на основе сетки с контрольными точками (breakpoints) для десктопа (1440px), планшета (768px) и мобильного устройства (375px). Создаем адаптивные секций лендинга (герой-блок, особенности продукта, галерея), которые автоматически перестраиваются при изменении размера фрейма. Добавляем эффекты для привлечения внимания к ключевым элементам.

04Модуль 4. Искусственный интеллект в Figma (8 ак. ч.)

Анимационные возможности Figma. Создание рекламных объектов с помощью Figma Buzz. Создание презентаций с помощью Figma Slides. Использование элементов ИИ. Figma Make: генерация готового дизайна и кода по запросу, возможности коррекции и доведения до нужного результата. Возможности командной работы. Предоставление информации для верстальщиков и программистов. Практикум: Создание презентации проекта с использованием ИИ и инструментов Figma Создание продающей карточки для маркетплейса (например, Wildberries или Ozon). Создаем презентацию своего проекта при помощи Figma Slides. Изучаем возможности генерации элементов интерфейса или иконографики с помощью Figma Make, а также автоматизацию рутинных задач с помощью AI-плагинов.

01Модуль 1. Введение в Figma (2 ак. ч.)

02Модуль 2. Создание дизайна мобильного приложения (6 ак. ч.)

03Модуль 3. Создание адаптивного дизайна web-страницы (8 ак. ч.)

04Модуль 4. Искусственный интеллект в Figma (8 ак. ч.)

Организатор

Автор курса

Специалист

4.6Нет отзывов

Ведущий компьютерный учебный центр России с высочайшим уровнем качества обучения, сервиса и организации учебного процесса Лучший учебный центр авторизованный Microsoft в России, Центральной и Восточной Европе в 2011-2014 гг Центр «Специалист» — первый в России авторизованный учебный центр по обучению Adobe — Adobe Authorised Training Centre Крупнейший авторизованный учебный центр ведущих IT-компаний мира С 2012 г. Центр «Специалист» входит в «Круг совершенства EC-Council»

Подробнее об авторе

Мнения учеников