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

Figma главная Курсы

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

Название школыДлительностьСтоимость
Нетология6 занятийбесплатно
Skillbox8 недель4 796 ₽/мес с рассрочкой, 28 780 ₽
Productstar2 месяца1 663 ₽/мес с рассрочкой, 39 900 ₽
Яндекс.Практикум3 недели488 ₽/мес с рассрочкой, 9 500 ₽
Contented2 недели9 000 ₽
Interra4 урока10 000 ₽
ItProger8 видеоуроковбесплатные уроки, практические задания доступны по подписке от 600 ₽/мес
BeOnmax9 часовподписка от 99 ₽/мес
PentaSchool3 месяцаот 4 750 ₽/мес с рассрочкой, 19 000 ₽
HEDU3 часаот 1 699 ₽
Breezzly43 видеоурока, 4 часа практики4 000 ₽
Максим Кузнецов16 часов3 331 ₽/мес с рассрочкой, 19 990 ₽
Moscow Digital Academy13 видеоуроковбесплатно
Алексей Бычков23 видеоурокабесплатно
Наука дизайна15 видеоуроковбесплатно
Денис Тимошицкий28 видеоуроковбесплатно
praktika.school10 уроков по 30 минут9 590 ₽
GloryANT31 видеоурокбесплатно
Stepik107 уроков, 13 часов видео1 390 ₽

«Основы 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.
Отзывы о школе

Почитали отзывы на tutortop.ru и sravni.ru. Ученикам понравились практические занятия, оценили профессионализм экспертов и качество обратной связи.

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

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

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

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

«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.

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

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

«Figma с нуля до PRO» от Skillbox-работы преподавателя1

«Figma с нуля до PRO» от Skillbox-работы преподавателя2

«Figma с нуля до PRO» от Skillbox-работы преподавателя3

«Figma с нуля до PRO» от Skillbox-работы преподавателя4

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

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

Изучили отзывы на tutortop.ru, progbasics.ru и katalog-kursov.ru. Студенты отмечают практическую пользу обучения, понравилась работа экспертов и кураторов.

«Figma с нуля до PRO» от Skillbox-отзыв1

«Figma с нуля до PRO» от Skillbox-отзыв2

«Figma с нуля до PRO» от Skillbox-отзыв3

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

«Основы продуктового дизайна 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.

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

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

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

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

Отзывы ошколе

Нашли отзывы на progbasics.ru. Студенты оценивают качество учебных программ, понравилось большое количество практики, отмечают обратную связь и практическую пользу курсов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Студентам нравится работа кураторов и экспертов, к преимуществам относят тренажеры для практики. Больше отзывов на tutortop.ru, katalog-kursov.ru и okursah.ru.

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

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

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

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

«Онлайн-курс 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 недель.
Отзывы о школе

Почитали отзывы на tutortop.ru, katalog-kursov.ru и progbasics.ru. Студентам понравилось большое количество практики, оценили обратную связь и работу экспертов. Отмечают практическую пользу обучения.

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

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

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

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

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

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

Цена: 10 000 ₽.

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

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

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

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

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

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

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

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

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

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

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

Почитали отзывы на tutortop.ru, katalog-kursov.ru и sravni.ru. Студенты отмечают большое количество практики, работу экспертов и практическую пользу учебных программ. Некоторым не понравилось оформление материала, не хватило обратной связи от куратора.

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

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

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

«Уроки Figma» от ItProger

«Уроки Figma» от ItProger

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

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

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

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

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

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

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

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

Первый урок:

Отзывы о школе

Нашли отзывы на katalog-kursov.ru. Студентам нравится организация обучения и структурированность материала. Некоторым не хватило обратной связи.

«Уроки Figma» от ItProger-отзыв1

«Уроки Figma» от ItProger-отзыв2

«Уроки Figma» от ItProger-отзыв3

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

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы о школе и курсе

Почитали отзывы на https://progbasics.ru/schools/beonmax/reviews и в комментариях к курсу. Студентам нравится организация обучения на платформе, оценивают работу эксперта и практическую пользу курса. Некоторые отмечают, что иногда приходилось самостоятельно искать информацию.

«Figma с нуля до профессионала» от BeOnmax-отзыв1

«Figma с нуля до профессионала» от BeOnmax-отзыв2

«Figma с нуля до профессионала» от BeOnmax-отзыв3

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

«Дизайн интерфейсов в 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. Обучитесь сборке основных экранов мобильных приложений, настройке компонентов и созданию интерактивных прототипов.

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

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

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

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

Студенты оценили актуальность учебных материалов, большое количество практики, интересную подачу и профессионализм экспертов. Больше отзывов на tutortop.ru, katalog-kursov.ru и otzyvmarketing.ru

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

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

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

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

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

Сайт: https://irs.academy.

Цена: от 1 699 ₽ в зависимости от тарифа.

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

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

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

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

Преподаватель: Александр Михайлов – более 10 лет занимается Web, UX/UI-дизайном, действующий дизайнер компании LUNA App, создает приложения и сервисы в фигме.

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

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

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

«Онлайн-курс по Figma» от HEDU-сертификат

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

  • Курс UX-дизайна – освоите инструменты дизайн-мышления, обучитесь разработке мобильных приложений, сервисному дизайну, прототипированию, юзабилити-тестированию, сможете проектировать пользовательский опыт.
  • Курс веб-дизайна с нуля – сможете создавать макеты сайтов, разрабатывать дизайн лендингов, логотипов, баннеров, презентаций, освоите инструменты дизайнера.
Отзывы о школе

Изучили отзывы на tutortop.ru и okursah.ru. Студентам понравились практические задания, отмечают качество поддержки от кураторов. У некоторых возникли проблемы с получением доступа к курсам после оплаты.

«Онлайн-курс по Figma» от HEDU-отзыв1

«Онлайн-курс по Figma» от HEDU-отзыв2

«Онлайн-курс по Figma» от HEDU-отзыв3

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

«Веб-дизайн и дизайн интерфейсов в 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 и организации библиотеки из компонентов в Фигме.
Отзывы о школе и курсе

Нашли отзывы на krockit.com. Студенты отмечают практическую пользу курса, понравилось большое количество практики на реальных проектах, поддержка эксперта.

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

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

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

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

«Супер 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» от Максима Кузнецова-работы преподавателя1

«Супер Figma» от Максима Кузнецова-работы преподавателя2

«Супер Figma» от Максима Кузнецова-работы преподавателя3

«Супер Figma» от Максима Кузнецова-работы преподавателя4

«Супер Figma» от Максима Кузнецова-работы преподавателя5

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

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

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

Отзывы о школе

Нашли отзывы на progbasics.ru и tutortop.ru. Студентам нравится организация обучения, отмечают качество учебных материалов и профессионализм экспертов. К достоинствам относят практические задания.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы о курсе

Почитали мнения в комментариях под видео. Зрители отмечают практическую пользу видеоуроков.

«Уроки по Figma» от Moscow Digital Academy-отзыв1

«Уроки по Figma» от Moscow Digital Academy-отзыв2

«Уроки по Figma» от Moscow Digital Academy-отзыв3

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы о курсе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы о курсе

Изучили мнения зрителей в комментариях к видеоурокам. Нравится структурированность материала, понятная подача и наличие примеров из практики.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отзывы о курсе

Почитали отзывы в комментариях под видеоуроками. Зрители отмечают практическую пользу, нравится понятная подача материала.

«Уроки Figma» от Дениса Тимошицкого-отзыв1

«Уроки Figma» от Дениса Тимошицкого-отзыв2

«Уроки Figma» от Дениса Тимошицкого-отзыв3

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

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

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

Цена: 9 590 ₽.

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

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

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

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

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

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

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

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

Отзывы о школе

Нашли отзывы на tutortop.ru и официальном сайте школы. Студентам нравится информативность, емкость и практическая польза уроков, отмечают работу экспертов.

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

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

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

«Уроки Figma» от GloryANT

«Уроки Figma» от GloryANT

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

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

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

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

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

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

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

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

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

Отзывы о курсе

Изучили мнения зрителей в комментариях под видеоуроками. Отмечают понятную и легкую подачу материала.

«Уроки Figma» от GloryANT-отзыв1

«Уроки Figma» от GloryANT-отзыв2

«Уроки Figma» от GloryANT-отзыв3

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

«Веб-дизайн в Figma с нуля до результата. Основы UXUI 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, разберетесь в типографике и прототипировании.
Отзывы о курсе

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

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

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

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

Что дальше

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

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

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

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

Поделиться с друзьями

Помогаю разобраться в образовании, пишу о курсах и онлайн-школах.

Оцените автора
( 1 оценка, среднее 5 из 5 )
Лучшие онлайн курсы
Добавить комментарий