20-ка лучших бесплатных и платных онлайн-курсов по Figma: от знакомства с редактором и лайфхаков в работе до дизайна сайтов и приложений

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

«Основы Figma» от Нетологии

Сайт: https://netology.ru.

Цена: бесплатно.

Длительность и формат: 6 занятий. Видеолекции, практические занятия.

Туториал для новичков и начинающих дизайнеров, разберетесь, как работать с ключевыми инструментами Figma, выполните два самостоятельных задания и получите начальные знания для работы в Figma.

Преимущества:

• Бессрочный доступ к лекциям и учебным материалам.
• Поддержка и общение в комьюнити студентов и экспертов.
• План развития в профессии.
• Кейсы для портфолио.

Преподаватель: Карен Ананян – UX/UI дизайнер, работал с Changellenge, Гарантийным фондом Ростовской области, McDonald’s и крупными застройщиками юга России.

Программа обучения и чему научитесь:

1. Управление интерфейсом Figma. Разберете базовый интерфейс Figma, поймете, как настраивать и работать с ним на разных панелях, делиться файлами и находить нужную информацию в онлайн-редакторе.
2. Создание фреймов и объектов. Выясните, как создавать фреймы и геометрические объекты, работать с цветом, текстом и фото.
3. Текст, сетка, адаптивный дизайн. Разберете, как управлять текстовыми слоями и привязками, пользоваться сеткой для фрейма, сможете создать адаптивную версию страницы.

См. также: 20 отличных курсов, где можно пройти обучение на веб-дизайнера сайтов и приложений начинающим.

Другие курсы школы:

• Бесплатно Насмотренность в UX/UI и веб-дизайне – на онлайн-интенсиве познакомитесь с принципами UX/UI-дизайна, погрузитесь в задачи веб дизайнера, сможете самостоятельно оценивать дизайн по чек-листу.
• Бесплатно Обзор главных инструментов дизайнера – получите начальные навыки по ключевым графическим редакторам: Photoshop, Figma, Illustrator, After Effects.
• UX/UI-дизайнер – сможете создавать креативный и интуитивно понятный дизайн мобильных и веб-интерфейсов.
• Веб-дизайнер – за 6 месяцев обучитесь разработке дизайн-макеты в Figma и созданию полноценных сайтов в Tilda.

«Figma с нуля до PRO» от Skillbox

Сайт: https://skillbox.ru.

Цена: 4 796 ₽/мес с рассрочкой на 6 месяцев, 28 780 ₽ за весь курс.

Длительность и формат: 8 недель. Онлайн-лекции, практические задания.

Освоите работу в фигме, поймете, как готовить адаптивные макеты и добавлять интерактив в прототипы, сможете создавать компоненты и библиотеки стилей, выясните, как использовать плагины. Курс для новичков и веб дизайнеров без опыта в Фигме.

Преимущества:

• Практика на реальных кейсах.
• Доступ к курсу навсегда.
• Лайфхаки от профессиональных дизайнеров.

Преподаватель: Юлия Соловьева – дизайнер, арт-директор веб-бюро «Синий Муравей», сотрудничала с L’Oreal, ЛСР, «Сколково» и другими.

Программа обучения и чему научитесь:

1. Знакомство с Figma. Разберетесь в интерфейсе и базовых настройках, поймете, как использовать геометрические фигуры, слои, текстовые поля.
2. Иконки, картинки, иллюстрации. Обучитесь созданию собственных иконок и обработке изображений с помощью внутренних компонентов фигмы, поймете, как делать дизайн-макеты с нуля.
3. Компоненты. Сможете создавать компоненты и пользоваться панелью настроек, выясните, как делать интерактивные прототипы.
4. Библиотеки компонентов и общие стили. Разберетесь в создании библиотек стилей и UI Kit, чтобы стандартизировать элементы интерфейса, сможете верстать макеты с помощью модульных сеток.
5. Auto Layout и Variants. Поймете, как объединять макеты в единую систему с помощью функции Variants, создавать сложные элементы интерфейса и адаптировать их под разные устройства.
6. Сложные многостраничные документы. Разберетесь, как работать с базовыми экранами и создавать дерево страниц, освоите бета-функцию Branches.
7. Дополнительные возможности, подготовка макета для разработчиков. Овладеете плагинами для быстрого создания драфтовых проектов, обучитесь добавлению анимации в прототипы и оптимизированию работы команды с помощью плагина Figma Jam.

Это может быть интересно: Отличные онлайн-курсы для иллюстраторов, где можно пройти обучение с нуля.

Работы преподавателя:

Другие курсы школы:

• UX-дизайнер с нуля до PRO – сможете проводить UX-исследования, проектировать удобные интерфейсы, создавать дизайн на основе данных.
• Веб-дизайн с нуля до PRO – поймете, как создавать дизайн сайтов с Figma, делать адаптивные макеты, удобные интерфейсы и несложную анимацию.
• UX/UI-дизайнер – разберетесь, как проектировать интерфейсы, проводить UX-исследования, пользоваться фигмой, улучшать опыт пользователя и развивать продукты на основе данных.
• Продуктовый дизайнер – поймете, как проводить исследования, разрабатывать дизайн в рамках ограничений, сможете управлять вниманием пользователя, создавать дизайн мобильных приложений и анимировать интерфейсы.
• Веб-дизайн 3.0 – на практике освоите базовые принципы веб-дизайна, овладеете фигмой, Adobe Photoshop и After Effects, сможете создавать дизайн для разных площадок.

«Основы продуктового дизайна: Figma» от Productstar

Сайт: https://productstar.ru.

Цена: 1 663 ₽/мес с рассрочкой на 24 месяца, 39 900 ₽ за весь курс.

Длительность и формат: 2 месяца. Видеоуроки, домашние задания, консультации с наставником.

Познакомитесь с основными функциями Figma, освоите работу с плагинами, live device preview, анимацией и интерфейсами, изучите походы к созданию MVP, разберете кейсы и ошибки быстрой проверки гипотез, сможете собирать mock-up и проводить юзабилити-тестирование. Курс подходит для изучения с нуля.

Преимущества:

• Сертификат о прохождении курса.
• Доступ к материалам навсегда.
• Практика на реальных кейсах.

Преподаватели:

• Артем Шитов – старший продуктовый дизайнер в Mail.ru Group.
• Максим Около-Кулак – Product design engineer в Linen App.

Программа обучения и чему научитесь:

1. Базовые действия в Figma. Поймете, как создавать объекты, использовать изображения, работать с текстом и масками.
2. Отрисовка элементов интерфейса, локальные библиотеки. Освоите работу со слоями, рассмотрите плагин Smart Selection, цвет и текст в библиотеке, познакомитесь с базовыми элементами.
3. Прототипирование и анимация, констрейнты и компоненты. Выясните, как связывать экраны в прототип, овладеете простейшей анимацией между экранами и Smart-animate, поймете, как использовать автолейаут, компоненты, констрейнты и сетки.
4. Варианты и библиотеки. Изучите варианты компонентов, познакомитесь с библиотеками, рассмотрите основы дизайн-систем.
5. Figma Community. Получите знания по UI-китам и шаблонам, поймете, как работать с текстом, плагинами с иконками, сможете выделять слои и делать скриптинг.
6. Подготовка макетов для работы в команде. Обучитесь отрисовке UML схемы выбранного сервиса, изучите плагин Auto Flow.

Видео о платформе школы:

Ваш сертификат:

Другие курсы школы: UX/UI-дизайнер – сможете проектировать интерфейсы, работать в Фигме и Тильде, улучшать пользовательский опыт.

«Основы дизайна в Figma» от Яндекс Практикум

Сайт: https://practicum.yandex.ru.

Цена: 488 ₽/мес с рассрочкой на 24 месяца, 9 500 ₽ за весь курс.

Длительность и формат: 3 недели. Изучение теории, практические задания в интерактивном учебнике и в Figma.

Рассмотрите разные направления дизайна, познакомитесь с основами дизайна и на практике отработаете новые навыки, освоите Figma. Курс для новичков без опыта, которые хотят попробовать себя в дизайне и тех, кто работает в IT и хочет получить дополнительные навыки.

Преимущества:

• Свидетельство о прохождении курса.
• Практика на тренажерах и реальных задачах.
• Полноценный проект в портфолио.
• Начать учиться можно бесплатно.
• Скидка на дальнейшее обучение в школе на других курсах дизайна.
• Возврат денег, если обучение не подошло.
• Есть государственная лицензия и налоговый вычет.

Программа обучения и чему научитесь:

1. Вводный курс и знакомство. Выясните, что такое дизайн, какие дизайнеры существуют и что они делают, поймете, почему инструмент Figma популярен у дизайнеров, сделаете первые шаги в Фигме, познакомитесь с интерфейсом и способами организации совместной работы.
2. Основы дизайна. Познакомитесь с типографикой, колористикой и композицией, будете редактировать макеты дизайн продуктов в Фигме.
3. Дизайн, который передает смыслы. Получите навыки графического дизайнера, разберетесь в специфике разных элементов дизайна, прочитаете первые брифы, выясните, как использовать шейпы, фреймы, изображения и компоненты в Figma.
4. Дизайн, который создает опыт. Обучитесь полезным фишкам Фигмы, попробуете себя в роли дизайнера интерфейсов, поймете, как создавать интерфейсы, получите навык использования Community в Figma, функции auto layout, узнаете, как сделать прототип в Фигме интерактивным.

Другие курсы школы:

• Дизайнер интерфейсов – сможете исследовать конкурентов и ЦА, тестировать гипотезы, проектировать визуальную часть сайтов, мобильных приложений и сервисов, продумывать пользовательские сценарии и делать интерфейс интуитивно понятным.
• Продуктовый подход для дизайнеров – сможете проводить качественные исследования, создавать интерактивные прототипы в Фигме, тестировать и улучшать дизайн.

«Онлайн-курс Figma» от Contented

Сайт: https://contented.ru.

Цена: 9 000 ₽.

Длительность и формат: 2 недели. Видеоуроки, практические задания с обратной связью.

Узнаете, как создавать прототипы сайтов, баннеры и интерфейсы приложений в Фигме. Курс подходит для изучения с нуля, для тех, кто хочет определиться с направлением в дизайне, желающих освоить графический, веб, UX/UI дизайн или прокачать уже имеющиеся навыки.

Преимущества:

• Электронный сертификат о прохождении курса.
• Доступ к курсу навсегда.
• 2 кейса в портфолио.

Преподаватель: Моисей Любарский – art-director в Enlighted Digital, запускает стартапы и разрабатывает digital продукты для Black Star Burger, Hyundai, Toyota, Skoda, X5 Retail Group, РЖД и других.

Программа обучения и чему научитесь:

1. Модуль 1. Познакомитесь с интерфейсом и возможностями Figma, освоите Frame и Group, овладеете hape tool, Drawing tools и эффектами.
2. Модуль 2. Освоите дизайн-систему, познакомитесь с особенностями стилей, текста, цветов и теней, узнаете, как создавать кликабельные прототипы и адаптировать их под разные устройства, рассмотрите компоненты в Фигме

Другие курсы школы:

• Бесплатно Дизайн на Figma – туториал по основам Figma, прокачаете навыки дизайнера, начнете прямой путь в дизайн, создадите иконку и баннер.
• UX/UI-дизайнер с нуля до про – получите навыки создания эффектного дизайна онлайн-сервисов и мобильных приложений на профессиональном уровне, поймете, как работать в Фигме.
• Веб-дизайнер – сможете с нуля создавать уникальные сайты с эффектным дизайном и продуманным UI, освоите Figma, обучитесь созданию лендингов на Tilda.
• UX/UI-дизайнер буткемп – интенсивный курс, полное погружение в профессию за 9 недель.

«Создание сайта в Figma» от Interra

Сайт: https://edu.interra.bz.

Цена: 10 000 ₽.

Длительность и формат: 4 видеоурока, практические задания.

Обучитесь разработке дизайна интернет-сайтов и веб-приложений, поймете, как выстраивать коммуникацию с аудиторией через дизайн, рассмотрите принципы веб-дизайна, сможете уверенно пользоваться Figma. Курс для новичков, специалистов в сфере digital и владельцев бизнеса.

Преимущества:

• Сертификат о прохождении курса.
• Доступ к курсу навсегда.
• План развития в профессии «веб-дизайнер» в подарок.

Преподаватель: Екатерина Космович – ведущий веб дизайнер студии ONE PAGE, опыт в разработке сайтов с 2018 года, в графическом дизайне с 2012 года, среди клиентов Газпром, Adidas, Технониколь.

Программа обучения и чему научитесь:

1. О профессии и что такое посадочная страница. Узнаете, кто такой веб дизайнер и какие у него задачи, поймете, как оценивать качество дизайна, выясните, что такое посадочная страница и создадите первый прототип.
2. Знакомство с Figma. Изучите интерфейс Фигмы, узнаете, как и где искать качественные фотографии и как работать с ними в Фигме, поймете, где находить иконки и как интегрировать их в макет, соберете главный экран лендинга в Фигме.
3. Композиция и типографика. Изучите основные понятия в дизайне, выясните, как пользоваться плагинами, где искать и как устанавливать их в Фигме, создадите экран лендинга с формой обратной связи.
4. План развития в карьере. Узнаете, что нужно делать, чтобы стать профессиональным дизайнером, поймете, как создать портфолио и где искать заказчиков.

Ваш сертификат:

Другие курсы школы:

• Бесплатно Старт в профессии Веб-дизайнер – туториал для тех, кто хочет понять, кто такой веб-дизайнер, познакомитесь с Фигмой, изучите основы дизайна.
• Веб-дизайнер – освоите дизайн на продвинутом уровне, получите навыки по Figma, Tilda, Photoshop.

«Уроки Figma» от ItProger

Сайт: https://itproger.com.

Цена: бесплатно, практические задания доступны по подписке от 600 ₽/мес.

Длительность и формат: 8 видеоуроков, дополнительные материалы, практические задания.

Туториал для начинающих, познакомитесь со всеми возможностями Фигмы, поймете, как создавать UI/UX дизайн для мобильных и веб-приложений.

Преимущества:

• Практика на реальном проекте.
• Бессрочный доступ к дополнительным материалам.

Программа обучения и чему научитесь:

1. Создание дизайна UI/UX. Узнаете, что такое Фигма и почему она популярна у дизайнеров, поймете, как использовать основные инструменты редактора на практике.
2. Фреймы, объекты и рисование. Начнете разрабатывать дизайн проект в Фигме, выясните, как создавать фреймы, добавлять Grid систему, расставлять объекты и рисовать их самостоятельно.
3. Работа с изображениями. Сможете добавлять изображения в проект и поработаете с эффектами для них, поймете, как выполнять буллевые операции над объектами.
4. Текстовые надписи, иконки, слои. Сможете пользоваться стилями, шрифтами, поймете, где искать иконки и как создавать их самостоятельно, получите навык работы со слоями в Фигме.
5. Дизайн новой страницы. Узнаете, как создать множество фреймов для разработки разных частей дизайна, сможете создавать страницы и перемещать на них объекты.
6. Компоненты, прототипирование и маски. Узнаете, как применять технологию компонентов, рассмотрите методы отправки проекта заказчику.
7. Работа в команде, тестирование проекта и экспорт. Выясните, как создавать команды в Фигме, отправлять ссылки на проект, тестировать его и экспортировать.
8. Разработка веб-страницы. Создадите привлекательный дизайн для сайта с курсами, разработаете навигацию, основную часть шапки и секцию с характеристиками.

Первый урок:

«Figma с нуля до профессионала» от BeOnmax

Сайт: https://beonmax.com.

Цена: подписка от 99 ₽/мес.

Длительность и формат: 9 часов. Видеоуроки, практические задания.

Подробный курс для знакомства с Figma с нуля, рассмотрите интерфейс и инструменты Фигмы, познакомитесь с фреймами, компонентами, системой сеток и направляющих, плагинами, овладеете прототипированием и атомарным дизайном.

Преимущества:

• Кейсы для портфолио в процессе учебы.
• Сертификат о прохождении курса.

Преподаватель: Евгений Марфель – практикующий веб дизайнер и разработчик сайтов.

Программа обучения и чему научитесь:

1. Основы Figma. Познакомитесь с интерфейсом Фигмы, рассмотрите файлы Sketch, поймете, как сохранять и передавать файлы.
2. Инструменты Figma. Изучите горячие клавиши, поймете, как использовать изображения и текст, выравнивать объекты, познакомитесь с масками и эффектами, фреймами и булевыми группами.
3. Профессиональные инструменты Figma. Выясните, как пользоваться плагинами, стилями, изучите constraints, познакомитесь с сетками, компонентами, auto layout.
4. Создание своей библиотеки компонентов. Овладеете основами атомарного дизайна, поймете, что должно быть в вашей библиотеке.
5. Прототипирование в Фигме. Изучите функции и свойства Prototype, анимации в Smart Animate, рассмотрите возможности прототипирования и эффекты взаимодействия внутри приложения.

Видео о курсе:

Другие курсы школы:

• Веб-дизайн в Figma. Основы UX/UI дизайна на практике – изучите основы дизайна, отточите умение работать в Фигме, отработаете навыки дизайнера на практике.
• Веб-дизайн в Figma: продвинутый уровень – разберете процесс создания реального UI Kit в Фигме, узнаете, как пользоваться продвинутыми инструментами веб дизайна.

«Дизайн интерфейсов в Figma» от PentaSchool

Сайт: https://pentaschool.ru.

Цена: от 4 750 ₽/мес с рассрочкой, 19 000 ₽ за весь курс.

Длительность и формат: 3 месяца. Видеоуроки, практические задания с обратной связью, дополнительные материалы.

Изучите основные инструменты и возможности Фигмы для дизайнера, познакомитесь с типографикой, цветом, композицией при создании прототипов, овладеете принципами использования векторной и растровой графики в фигме, рассмотрите правила адаптивной верстки.

Курс подойдет новичкам для изучения с нуля, начинающим веб дизайнерам, графическим дизайнерам, которые хотят расширить список своих услуг, опытным дизайнерам, желающим добавить в портфолио новые проекты.

Преимущества:

• Сертификат о прохождении курса.
• Кейсы для портфолио к моменту выпуска.
• Есть государственная лицензия и налоговый вычет.
• Бессрочный доступ к материалам курса.
• Доступ к библиотеке вебинаров на время курса и 90 дней после выпуска.

Преподаватели:

• Павел Ярец – дизайнер с опытом 15 лет, был ведущим дизайнером в корпорации «Юнитекс», занимался разработкой дизайна упаковки в компании HUADA TOYS в КНР.
• Мария Николаева – руководитель отдела дизайна в Peter Partner, опыт работы дизайнером 11 лет, ведет ключевые UI/UX проекты в компании, разрабатывает брендинг и корпоративный сайт, проектирует дизайн мобильных и веб-приложений.
• Сергей Непримеров – продуктовый дизайнер в Reliz Itd, опыт в сфере дизайна 7 лет, работает над проектами международного уровня в разных отраслях, занимается разработкой пользовательских интерфейсов и их анимацией.

Программа обучения и чему научитесь:

1. Основы Figma. Рассмотрите интерфейс и основные инструменты фигмы, выясните, как оформить мудборд в FigJam, создать User-flow для лендинга, разберетесь с UI, UX и адаптивным дизайном.
2. Дизайн сайтов в Figma. Получите навык создания многостраничных сайтов и их интерактивных прототипов, рассмотрите основные типы страниц, векторную и растровую графику, изучите принципы юзабилити.
3. Дизайн мобильных приложений в Figma. Обучитесь сборке основных экранов мобильных приложений, настройке компонентов и созданию интерактивных прототипов.

Ваш сертификат:

Другие курсы школы:

• Основы дизайна интерфейса – изучите базовые понятия и законы дизайна, овладеете основами UX-проектирования и UI-дизайна, освоите инструменты Figma.
• Профессиональный дизайн сайтов – сможете создавать с нуля UX и UI прототипы лендингов, узнаете особенности веб-платформ, освоите Figma, Tilda, Adobe Photoshop.
• UX/UI дизайнер – сможете создавать удобные и понятные сайты, разрабатывать дизайн мобильных приложений, освоите Figma, Tilda, Adobe Photoshop.

«Веб-дизайн и дизайн интерфейсов в Figma» от Breezzly

Сайт: https://breezzly.ru.

Цена: 4 000 ₽.

Длительность и формат: 43 видеоурока, 4 часа практики.

Освоите Figma, изучите основы веб-дизайна, UI-дизайна интерфейсов приложений, на основе UX-исследований, выполните проекты по дизайну сайтов и приложений, освоите систему дизайна. Курс подойдет новичкам и начинающим веб дизайнерам.

Преимущества:

• Практика на реальных кейсах.
• 4 проекта для портфолио.
• Бонусные уроки.
• Доступ к обновлениям курса.
• Приглашение в тематический чат в Telegram об интерактивном дизайне.
• Возможность попробовать курс бесплатно.

Преподаватель: Анастасия Свеженцева – продуктовый дизайнер (UX/UI), веб-дизайнер, бренд дизайнер, в сфере дизайна с 2015 года.

Программа обучения и чему научитесь:

1. Проект 1. Веб-сайт студии интерьера. Освоите ключевые возможности Фигмы, познакомитесь с системой визуального дизайна диджитал продуктов, дизайном интерфейсов и основами создания интерактивных прототипов.
2. Проект 2. Приложение для смарт-часов. Освоите комплексный процесс дизайна приложения от исследования целевой аудитории и выявления ключевого сценария (JOB) до проектирования CJM и создания интерактивного прототипа с бренд-дизайном.
3. Проект 3. Мобильное приложение для ухода за домашними джунглями. Овладеете системным подходом к редизайну мобильных приложений от UX-аналитики до презентации дизайн-концепции команде и клиенту.
4. Проект 4. Сервис по доставке впечатлений на дом. Изучите систему дизайна веб-приложений от продуктовой стратегии, информационной архитектуры (IA) и сборки User Flow, до построения Wireframes и организации библиотеки из компонентов в Фигме.

«Супер Figma» от Максима Кузнецова

Сайт: https://cloudlessons.ru.

Цена: 3 331 ₽/мес с рассрочкой на 6 месяцев, 19 990 ₽ за весь курс.

Длительность и формат: 16 часов. Видеоуроки, практические задания с обратной связью.

Освоите инструментарий Figma, на практике разработаете дизайн для нескольких одностраничных сайтов и кликабельный прототип мобильного приложения, изучите основы графического дизайна. Курс подходит для новичков и начинающих дизайнеров.

Преимущества:

• Сертификат о прохождении курса.
• Практика на реальных проектах.
• Проекты для портфолио к моменту выпуска.
• Бонусный карьерный модуль.
• Гарантия возврата средств.

Преподаватель: Максим Кузнецов – UI/UX-дизайнер с опытом работы в диджитал-стартапах (EdTech и FinTech-проектах), работает дизайнером более 8 лет.

Программа обучения и чему научитесь:

1. Основы Figma. Познакомитесь с интерфейсом Фигмы, научитесь работать с ключевыми инструментами программы, создадите первый экран сайта.
2. Продвинутые техники. Начнете уверенно работать в Фигме с компонентами, вариантами, функцией Auto-layout и модульной сеткой, создадите полноценный лендинг.
3. Основы графического дизайна. Изучите основные принципы графического дизайна, поймете, как создавать визуально привлекательные сайты и приложения, сможете самостоятельно создать постер.
4. Сложные интерфейсы. Научитесь проектировать опыт взаимодействия пользователя с продуктом, подготовите полноценный UI-kit для передачи в разработку, сможете создать дашборд.
5. Прототипирование и анимация. Выясните, как использовать инструменты прототипирования и создавать кликабельные прототипы.
6. Портфолио и советы по поиску работы. Поймете, как оформить портфолио дизайнера и начать работать в сфере UX/UI или веб-дизайна.

Работы преподавателя:

Ваш сертификат:

Другие курсы школы: Бесплатно Быстрый старт в Figma – мини-курс для знакомства с Фигмой, изучите интерфейс и основные инструменты, за 4 урока создадите дизайн промо-страницы для продукта.

«Уроки по Figma» от Moscow Digital Academy

Сайт: https://www.youtube.com.

Цена: бесплатно.

Длительность и формат: 13 видеоуроков.

На примере онлайн-разбора создания прототипа овладеете основными инструментами Фигмы, научитесь создавать страницы и дизайн-макеты.

Преимущества:

• Обучение на практике.
• Автор отвечает на вопросы в комментариях.

Программа обучения и чему научитесь:

1. Обзор программы. Познакомитесь с фигмой, изучите основные функции и возможности редактора.
2. Прототипирование. Узнаете, как сделать сетку, получите навык работы с блоками, создадите свой первый прототип страницы.
3. Дополнительные возможности. Поймете, как создавать интерактивные дизайн-макеты, овладеете анимацией в фигме.

Первый урок курса:

«Бесплатный подробный курс по Фигме» от Алексея Бычкова

Сайт: https://www.youtube.com.

Цена: бесплатно.

Длительность и формат: 23 видеоурока, наглядные практические примеры.

Подробный курс на реальных примерах веб-дизайнера с интересной и нескучной подачей, познакомитесь с возможностями и инструментами Фигмы. Подходит новичкам и начинающим веб-дизайнерам.

Преимущества: автор отвечает на вопросы в комментариях и делится собственными фишками.

Преподаватель: Алексей Бычков – веб-дизайнер на фрилансе, блогер, занимается дизайном 17 лет, автор книг «Дизайн и фриланс. Начало» и «Дизайн и фриланс. Новый уровень».

Программа обучения и чему научитесь:

1. Познакомитесь с интерфейсом и меню Фигмы, настроите комфортные параметры для работы, поймете, чем отличается фрейм от группы, узнаете лайфхаки работы с фреймами и масками, разберетесь с булевыми операциями и модульными сетками.
2. Выясните, как устроены привязки в фигме и как зафиксировать блок во время скролла страницы, протестируете разные привязки, разберетесь с компонентами, поймете, когда их использовать, как сделать адаптивный дизайн, создать паттерн и иконку в Фигме.
3. Узнаете, как работают выравнивания и зачем нужна группировка слоев, научитесь работать с текстом, цветом, обводкой и эффектами в Фигме.
4. Разберетесь, как подключить библиотеку стилей, как сделать сквозную библиотеку и как удалять библиотеки, выясните, как настраивать варианты компонента и сделать несколько свойств в одном варианте.
5. Познакомитесь с прототипами в Фигме, выясните, как запустить прототип, поймете, как работают интерактивные компоненты и как сделать прототипы с более интересными и наглядными микроанимациями, рассмотрите панель кода Inspect и панель экспорта в Фигме.
6. Узнаете, как поделиться макетом, освоите работу с плагинами и виджетами, получите советы и лайфхаки по настройке автолейаута, познакомитесь с интерфейсом FigJam.

Первый урок курса:

Другие курсы школы: Бесплатно Figma – лайфхаки по полезным фишкам и продвинутым функциям Фигмы.

«Подробный курс по Figma» от Науки Дизайна

Сайт: https://www.youtube.com.

Цена: бесплатно.

Длительность и формат: 15 видеоуроков, примеры из практики.

Подробный туториал по фигме, изучите основные функции и научитесь пользоваться инструментами. Подходит для изучения с нуля.

Преимущества: автор отвечает на вопросы в комментариях.

Программа обучения и чему научитесь:

1. Познакомитесь с интерфейсом Фигмы, получите навык манипуляций с объектами, разберетесь с фреймами и инструментом «Срез».
2. Рассмотрите векторные примитивы, освоите работу с вектором и пером, разберетесь со слоями и масками.
3. Поймете, как работать с текстом и цветом в Фигме, рассмотрите сетки и направляющие.
4. Исследуете стили, constraints и адаптивность, познакомитесь с компонентами и UI китами.
5. Обучитесь умному выделению и выравниванию, разберетесь с прототипированием, интеграцией и экспортом.

Первый урок курса:

«Уроки Figma» от Дениса Тимошицкого

Сайт: https://www.youtube.com.

Цена: бесплатно.

Длительность и формат: 28 видеоуроков, онлайн-разборы процессов.

Познакомитесь с функциями и инструментами Фигмы, узнаете полезные лайфхаки и фишки работы в редакторе. Курс для новичков, начинающих дизайнеров и всех, кто хочет разобраться в Фигме.

Преимущества: автор обучает на реальных примерах из практики.

Преподаватель: Денис Тимошицкий – дизайнер в СПбГЭУ, создает сайты «под ключ» на фрилансе, ведет блог по дизайну и разработке сайтов на YouTube и VK.

Программа обучения и чему научитесь:

1. Сможете создать логотип в Фигме на уровне Adobe Illustrator, сверстать экран мобильного приложения со сложными эффектами, познакомитесь с нейроморфизмом.
2. Рассмотрите линейки, сетки и направляющие, выясните, как сохранить проект, выполните дизайн многостраничного сайта, разберетесь с компонентами в Фигме.
3. Изучите горячие клавиши в Figma, познакомитесь с сеткой Bootstrap 4, вариативными компонентами, якорными ссылками и анимацией.
4. Рассмотрите примеры создания дизайна логотипа мобильного приложения, тайм-лайна на сайт, блока с отзывами, сложного мобильного экрана и сложной инфографики.

Первый урок курса:

Другие курсы школы:

• Бесплатно Дизайн интернет-магазина в Figma – разберете процесс создания дизайна интернет-магазина с нуля.
• Бесплатно Проектирование и дизайн мобильного приложения – live-создание прототипа мобильного приложения в Фигме и его отрисовка, поработаете с оживлением макета и проработкой логики мобильного приложения.
• Бесплатно Дизайн и верстка из Figma в html + css + js #1 – разбор процесса создания дизайна и верстки первого экрана в Фигме, освоите адаптивную верстку, анимацию CSS, узнаете, как добавить интерактивность с помощью нативного JS.
• Бесплатно Дизайн многостраничного сайта в Figma – онлайн-разбор создания дизайна главной страницы жилого комплекса, полностью проработаете прототип, отрисуете все адаптивные версии макета по сетке Bootstrap.

«Веб-дизайн в Figma от шейпов до интерфейсов» от practika.school

Сайт: https://www.praktika.school.

Цена: 9 590 ₽.

Длительность и формат: 10 уроков по 30 минут. Видеоуроки, домашние задания.

Познакомитесь с основами веб-дизайна и UX/UI дизайна интерфейсов, научитесь делать чистый дизайн в Фигме, разберетесь в атомарном дизайне. Курс подойдет новичкам и практикующим дизайнерам.

Преимущества:

• Практика на реальных проектах.
• Доступ к курсу навсегда.
• Гарантия возврата стоимости курса, если обучение не понравилось.
• Бесплатный пробный день полного доступа к курсу.

Преподаватель: Александр Окунев – дизайнер интерфейсов в Ozon, автор «Руководства по Figma».

Программа обучения и чему научитесь:

1. Познакомитесь с интерфейсом, разберетесь в организации проекта и фреймах.
2. Рассмотрите простые и сложные шейпы, векторные фигуры, сети, флэт-иллюстрации и иконки.
3. Научитесь работать с цветом, режимами кодирования, заливкой и градиентами, овладеете основами адаптивного дизайна.
4. Разберетесь с типографикой, стилями текста, элементами верстки и компонентами, соберете экран приложения в Фигме.
5. Обучитесь прототипированию веб-страниц и макетов, изучите основы атомарного дизайна.

Урок-знакомство:

«Уроки Figma» от GloryANT

Сайт: https://www.youtube.com.

Цена: бесплатно.

Длительность и формат: 31 видеоурок, практика.

Познакомитесь с интерфейсом Figma, научитесь создавать проекты, рисовать дизайн, применять различные плагины и компоненты Фигмы, изучите горячие клавиши, разберетесь в построении сетки и создании прототипов. Курс подойдет для освоения с нуля.

Преимущества:

• Полноценный проект к концу обучения.
• Автор отвечает на вопросы в комментариях.

Программа обучения и чему научитесь:

1. Познакомитесь с первым окном фигмы и окном редактирования проектов, рассмотрите виды и свойства фигур, научитесь группировать несколько слоев, разберетесь с режимами буллевых групп, узнаете, как рисовать иконки для бизнеса и создавать текстовые стили.
2. Освоите адаптивный веб-дизайн и работу с ограничителями, поймете, как создавать макеты в разных размерах и сетки различных типов, поработаете с картинками и настройками изображений, заливки и обводки, научитесь создавать и применять к макету цветовые стили.
3. Выясните, как создать компоненты в каких случаях их применять, познакомитесь с FigJam и плагинами, рассмотрите 6 полезных плагинов в Фигме, узнаете, что такое варианты и чем они полезны, сможете создавать дизайны постов для соцсетей.
4. Разберетесь, что такое auto layout и как эта функция работает, сможете создать красивый дизайн лендинга в Фигме.

Первый урок курса:

«Веб-дизайн в Figma с нуля до результата. Основы UX/UI Web Design» от Stepik

Сайт: https://stepik.org.

Цена: 1 390 ₽.

Длительность и формат: 107 уроков, 13 часов видео, практические задания, проверочный тест.

Изучите все инструменты фигмы, овладеете современными техниками и приемами дизайна, поймете, что такое адаптивный дизайн, узнаете фишки и лайфхаки в работе с Figma. Курс подходит новичкам, начинающим дизайнерам, верстальщикам, программистам.

Преимущества:

• Сертификат о прохождении курса.
• Есть бесплатные демо-уроки.
• Два проекта в портфолио к концу обучения.
• Бонусные уроки по фотошопу и развитии в дизайне.
• Возврат денег, если обучение не подошло.

Преподаватель: Дмитрий Фокеев – создает авторские онлайн-курсы, преподает дизайн и веб-разработку с 2016 года.

Программа обучения и чему научитесь:

1. Основы Figma. Начнете создавать первый макет, поработаете с размерами, познакомитесь с Wireframe, овладеете основами работы с текстом, изображениями и цветом, узнаете, что такое UX/UI дизайн.
2. Маски, линии, дизайнерские трюки, подготовка нового проекта. Выясните, как работать с масками слоя, линиями и пером, сможете накладывать элементы друг на друга, освоите трюки с повторениями, контрастом и пустым пространством, познакомитесь с FigJam, создадите мудборд.
3. Адаптивный дизайн и дополнительные возможности Фигмы. Познакомитесь с constraints и grid, определите различия между фреймами и группами, освоите работу с компонентами и auto layout, поймете, как стилизовать макет, изучите теорию адаптивного дизайна.
4. Ускорение рабочего процесса и прототипирование. Изучите горячие клавиши, поймете, как создавать компоненты с помощью плагинов, рассмотрите полезные плагины, овладеете основами и познакомитесь с углубленными настройками прототипирования.
5. Библиотеки и экспорт. Поймете разницу между бесплатной и платной версией фигмы, узнаете, как работать с библиотеками, экспортировать файлы из Figma и передавать макет в разработку.
6. Работа в Photoshop. Познакомитесь с программой, получите навык работы со слоями, поймете, как работают маски и как экспортировать файлы.

Другие курсы школы:

• Бесплатно Figma для слайдов – научитесь создавать простые графические проекты в Фигме, работать с текстом и изображениями, использовать векторные изображения для оформления слайдов.
• Создание UI KIT в Figma – узнаете, как устроен UI Kit изнутри, сможете продумывать архитектуру проекта, обучитесь углубленной работе со сложными компонентами и системами.
• UX-дизайн в Figma. UX-аналитика проекта – поймете, как анализировать задачи, бриф, конкурентов, овладеете User Flow, сможете сделать кликабельный прототип проекта.
• Веб-дизайн в Figma. Анимации и юзабилити – овладеете принципами создания анимированных сайтов в Фигме, научитесь использовать продвинуты плагины, изучите главные принципы пользовательского опыта с точки зрения юзабилити.
• Веб-дизайн в Figma. Основы UI/UX дизайна на практике – овладеете основами веб-дизайна, будете углубленно изучать Figma, разберетесь в типографике и прототипировании.

Что дальше

Как выбрать курс, сэкономить время и деньги. Подготовили чек-лист, на что обратить внимание:

1. Уровень программы. Ориентируйтесь на свой изначальный опыт. Если вы только начинаете знакомиться с Фигмой, подберите курс, в котором изучение начинается с азов. Если у вас уже есть опыт работы с редактором, подойдут курсы по продвинутым функциям программы.
2. Ассортимент проектов. Приоритетным станут те курсы, во время которых вас научат делать разнообразные проекты – сайты, лендинги, интерфейсы мобильных приложений и веб-сервисов. Так вы сможете обучаться сразу в нескольких направлениях.
3. Практика. Классно, если на курсе обучают на реальных проектах, которые потом можно добавить в свое портфолио.
4. Стоимость. Новичкам лучше пройти бесплатные курсы для ознакомления с Figma.
5. Актуальность программы. Важно, чтобы программа курса была составлена с учетом последних обновлений Figma.
6. Преподаватели. Оцените опыт эксперта, если есть возможность – изучите портфолио с его работами.

Сколько учиться фигме. Чтобы изучить Figma с нуля на профессиональном уровне, потребуется от двух месяцев при занятиях 8-10 часов в неделю.

Уже освоили Figma на одном из этих курсов? Поделитесь своим опытом в комментариях. Может быть, мы забыли рассказать о крутом курсе? Напишите нам!