Обзор 5 лучших курсов по Figma: онлайн, бесплатные и платные

Если вас притягивает дизайн, то вы наверняка уже слышали про графический редактор Фигма и даже встречали курсы Figma с нуля. 👆 Поэтому держите мою личную подборку из ТОП-5 курсов по Figma для новеньких.
Иллюстрация Tran Mau Tri Tam: https://dribbble.com/shots/13532757-Figma-3D-Icon-for-Mac-OS-Big-Sur

Figma идеальна для визуального дизайна бесчисленного количества экранов, развития дизайн-систем, командной дизайн-работы, а еще хороша в отрисовке векторных иллюстраций и иконок.

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

Содержание:

  1. Кому стоит изучить Figma
  2. В чем сила Figma
  3. Принцип подбора первого курса
  4. Чек-лист перед стартом первого курса
  5. Онлайн-курс от Breezzly по программе Figma
  6. Figma от Skillbox
  7. Курс по веб-дизайну с Figma в Москве от MDA
  8. Дизайнер интерфейсов (UX/UI-дизайн) от Contented
  9. Бесплатный онлайн-курс от Яндекс.Практикум
  10. А что изучать дальше
  11. Вывод и рекомендация

Какие же курсы вошли в подборку ТОП-5 лучших онлайн-курсов

В ТОП-5 лучших онлайн-курсов Figma для новеньких, я включила те, которые помогут научиться дизайнить в этом редакторе уверенно и легко, а главное вся траектория построена так, чтобы прокачать ваши навыки на полную, с наглядной отдачей на каждом этапе. 👨🏻‍🎓 Я считаю, что образовательные программы из этой статьи хороши именно в комплексе.

Почему стоит пройти каждый курс

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

Почему порядок именно такой

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

Кому стоит изучить Figma

Ребятам, чьи глаза горят от веб-дизайна, ui-дизайна, проектирования интерфейсов и ux-дизайна. Для тех, кто стремиться расти как:

  • Веб-дизайнер – создает в Figma сайты: блоги, лендинги, промо, интернет-магазины;
  • UI-дизайнер – занимается визуальной частью интерфейса (стилями, эстетикой, масштабирование под платформы), работает в паре с UX-дизайнером и Бренд-дизайнером;
  • UX-дизайнер/Проектировщик интерфейсов – развивает продукт как систему, делает так, чтобы пользователи быстрее решали задачи в продукте;

В чем сила Figma: какие проекты можно создавать в Фигме

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

Среди клиентов Figma команды развивающие популярные сайты и приложения : Slack, Dropbox, Twitter, Microsoft, Dribbble, Github, и многие другие известные бренды.

Принцип подбора первого курса

На мой взгляд есть всего два критерия, которые важны на старте. Если кратко: ищите курс с легким стартом и ассортиментом классных и жизненных дизайнов.

  1. Ключевой принцип подбора первого курса – ищем ассортимент жизненных проектов, а не курс про функции Figma. Напомню, что Figma многогранна (сайты, интерфейсы мобильных и веб-приложений, приложения для умных часов), а значит для старта постарайтесь отметить для себя те курсы, в которых вы сможете пощупать разные виды проектов в рамках одной траектории. А затем уже повышайте экспертизу по каждому направлению.
  2. Второй очень важный момент когда выбираете – это навык выращивать визуально привлекательный продукт постепенно. Выбирайте курс с визуально привлекательными проектами и траекторией создания таких проектов. Проект должен притягивать вас уже с поверхности (ведь мы же не любим практичные и безобразные вещи!).

И помните, каждая площадка по-умолчанию манит вас многогранностью Фигмы (сама Figma такая), поэтому отделяйте слова про редактор Figma, от слов о курсе. Т.е четко проверьте проекты и навыки, которые вам обещают натренировать, от рассказа про общие возможности Figma. Тогда с выбором не ошибетесь. К примеру если на странице курса встретите увлекательный рассказ, про то, как Figma помогает создавать прототипы интерфейсов, дизайн сайтов, иллюстрации и векторную графику — то проверьте, сделаете ли вы в итоге все это, или будет только что-то одно.

Чек-лист перед стартом первого курса

Перед тем как начинать курс по Figma еще раз проверьте себя по трем параметрам.

  1. Какие виды проектов (сайты, мобильные приложения или веб-приложения) будем делать на курсе, а не какие кнопки нажмем за X уроков;
  2. Сколько стоит получить первый опыт в новом проекте. Т.е поделите стоимость курса на количество уникальных проектов;
  3. Свежесть дизайн-задачи в ТЗ. Вы наверняка видели куда движется глобальный рынок, видели эти топовые и прокачанные по Front-end части решения с мягкими анимациями, характером и выразительными композициями. К примеру cruuunchify.com, поэтому выбирайте трепетно, если чуете, что дизайн вам не заходит, то помните, что идете не топчик Figma учить, а просто за статусом в резюме.

1. Онлайн-курс от Breezzly по программе Figma: создайте 4 проекта (сайт и приложения) с наставником

Онлайн-курс по программе Figma – 11 видеоуроков за 1800 руб от Breezzly

Объем курса: 8 часов, 4 проекта, 11 видеоуроков

Стоимость: 1 800 ₽

Фишка: осваиваете инструмент на 4-х нестандартных (и жизненных) проектах: сайт, iWatch App, мобильное приложение и веб-приложение

Изучить курс: https://breezzly.ru/catalog/design-interfeisov-v-figma

Здесь вы осваиваете Figma — первый шаг в дизайне сайтов, интерфейсов и даже базовых прототипов с анимацией.

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

Для кого: курс зайдет, если вы хотите познакомиться со всеми видами популярных проектов, которые можно создавать в Figma.

Чему научитесь

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

Автор курса: Анастасия Свеженцева, продуктовый дизайнер и бренд-дизайнер. 5 лет опыта работы в двух международных компаниях iSpring Solutions и Omega-R. Сейчас помогает стартапам и продуктовым командам по всему миру: проектирует интерфейсы мобильных и веб-приложений, создает сайты, помогает улучшить дизайн. Любит прорабатывать логотипы, фирменный стиль и уникальную графику с характером. Активно изучает коммерческую иллюстрацию, поведенческую психологию и брендинг. Преподает дизайн с 2015 года. Пришла в дизайн из программирования.

2. Figma от Skillbox – отточить навык работы в инструменте

Курс по Figma от Skillbox: 2 месяца. 8 обучающих модулей

Здесь вы изучаете досконально весь арсенал функций Figma. Если курсы Breezzly – это про создание проектов, то курс от Skillbox идеален как следующий шаг, когда после того как вы прорвались в дизайн сайтов и приложений с Figma и вам нужно слегка осмотреться и отшлифовать некоторые тонкости знаний инструмента, перед тем, как погружается в веб-дизайн и дизайн интерфейсов. Т.е довести навык до автоматизма.

Автор курса: Антон Рыбаков, 10 лет опыта в дизайне. Senior UI/UX Designer в «Крок». Создаёт UI/UX корпоративных мессенджеров, мобильных приложений и каталогов, личных кабинетов веб-сервисов.

Для кого: изучить все нюансы инструмента

Объем курса: 13 онлайн-уроков

Стоимость: 20 000 ₽

Фишка: отточите навык работы в Figma до автоматизма

Изучить курс: https://skillbox.ru/course/figmadesign/

3. Курс по веб-дизайну с Figma в Москве от Moscow Digital Academy (есть онлайн-формат) – получить опыт работы плечом к плечу в команде

Веб-дизайн (UX/UI) от MDA

Этот курс, для тех, кто хочет еще больше почувствовать дизайн. Поэтому большой упор в обучении сделан не только на редакторы, но и на приличный объем работы руками. Здесь вам предстоит работать маркерами, карандашами, резать, рвать, мять, клеить аппликации, а затем уже доводить до совершенства вашу дизайн-концепцию.

Автор курса: Влад Федорин, творческий директор «Moscow Digital Academy»; Евгений Черемных, Senior UX-designer Futurice; Юлия Ешкина, Независимый арт-директор.

Для кого: для тех, кому важно получить живой чувственный опыт влияния дизайна на восприятие

Объем курса: 48 академических часов + 85 практических на полном курсе

Стоимость: 69 900 ₽

Фишка: почувствуете вживую драйв от дизайна руками и создадите портфолио, возможностью трудоустройства и стажировок.

Изучить курс: https://m-d-a.ru/design_program/

4. Дизайнер интерфейсов (UX/UI-дизайн) от Contented – постановка мышления проектировщика

Курс дизайна интерфейсов онлайн - Обучение дизайнеров интерфейсов - Contented

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

Автор курса: Юрий Ветров – директор по дизайну Mail.ru Group (на момент создания курса), Ксения Стренина – UX-Research Director Mail.ru Group (на момент создания курса), и другие.

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

Объем курса: 48 академических часов + 85 практических на полном курсе

Стоимость: 69 900 ₽

Фишка: осваиваете полный процесс проектирования: от исследования до дизайн-концепции интерфейса

Изучить курс: https://contented.ru/edu/ux

5. Бесплатный онлайн-курс от Яндекс.Практикум «Каково это – быть дизайнером интерфейсов» (в продуктовой компании)

Профессия дизайнер интерфейсов. Обучение в сервисе Яндекс.Практикум

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

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

Автор курса: Команда дизайнеров Яндекс при поддержке их центра подготовки специалистов.

Для кого: для тех, кто хочет признания от бренда Yandex на российском рынке

Объем курса: 7 месяцев, 310 часов

Стоимость (платное продолжение): 91 000 ₽

Фишка: профессиональная траектория, диплом, помощь в трудоустройстве; Портфолио из 5 проектов, поддержка наставника, сертификат

Изучить курс: https://praktikum.yandex.ru/interface-designer/

А что изучать дальше: мой личный список источников вдохновения (Figma, After Effects и другие)

Пробегитесь еще раз по курсам, которые мы обсудили. Там самый смак, свежачок, практика и годнота. А теперь небольшая рекомендация по каналам, которые могут пригодится тем, кто ищет бесконечность. В подборке два английских курса и Youtube-каналы.

Youtube-каналы по Figma

Крайне рекомендую подписаться на официальный канал Figma – он интересен свежими советами (горячими с американского рынка), инсайтами применения Figma у клиентов, а также уроками по созданию дизайн-систем, сайтов и приложений: https://www.youtube.com/watch?v=Cx2dkpBxst8

Курсы по UI-дизайну на английском: следующий уровень

В этой подборке два курса с упором на After Effects и прокачку поведеческих аспектов в дизайне: переходов и микровзаимодействий. Ключевое отличие After Effects от Principle и InVision Studio в том, что с ним можно все. Он не такой практичный для интерфейсов, как инструменты прототипирования (Principle и InVision Studio), зато он про дизайн-концепции и поиск идеального решения.

After Effects – инструмент визуального и моушн-дизайна, а не прототипирование. Да, вы не создадите в нем анимации и поведение, которые можно пощупать и реализовать шустро в ближайшем будущем (для этого идеальны Principle и InVision Studio), зато он отлично снимает ограничения и прокачивает креативность в интерактивном дизайне.

  1. UI Animation Essentials от Motion Design School – курс по базовым возможностям в After Effects для UI-дизайна от Украинской школы дизайна. Обучение у ребят прошли уже 120 000 учащихся. Здесь вы сможете познакомиться с популярными возможностями для After Effects в моушн-дизайне для сайтов и микро-взаимодействий: https://motiondesign.school/products/ui-animation-essentials
  2. UI Animation Certification от Ux in Motion – три курса по UI-анимации в After Effects, которые прошли ребята и Facebook, Airbnb, Uber, Google, Dropbox, Paypal и другие известные бренды. Подробная траектория по ключевым моментам UX-анимации: основы, микро-взаимодействия и анимация дашбордов. Курс заточен на After Effects, а значит призван помочь UX/UI & Product-дизайнерам прокачать навыки воплощения любых дизайн-концепций: https://www.uxinmotion.com/

Вывод и рекомендация

Начинайте с онлайн-курса по Figma на Breezzly и создавайте сайты, мобильные и веб-приложения, а затем берите курс с работой в команде и вживую руками, например курс от Moscow Digital Academy, а и уже затем запрыгивайте в долгие годовые траектории.

Посты в категории UI-дизайн

Как стать веб-дизайнером – пошаговое руководство

Анастасия Свеженцева

30 сентября 2020

Кто такие UI-дизайнеры и чем они занимаются

Посты в категории UI-дизайн

Кто такие UI-дизайнеры и чем они занимаются

Анастасия Свеженцева

6 сентября 2020

Посты в категории UI-дизайн

Обзор 5 лучших UI курсов – обучение на дизайнера пользовательских интерфейсов

Анастасия Свеженцева

5 августа 2020

19 000+ участников – здесь ваши друзья, напарники и новые идеи

Присоединиться

Продуктовые дизайнеры
Продакты
UX/UI-дизайнеры
UX-аналитики
Веб-дизайнеры
Менеджеры проектов
Продуктовые аналитики
Бренд-менеджеры
Digital-стратеги
Арт-директора
Аналитики данных
UX-исследователи
Графические дизайнеры
Веб-разработчики
Дизайнеры интерфейсов