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

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

Мы собрали все курсы по Figma, пройдя которые, вы получите новую компетенцию.

Skillbox

Онлайн-курс Figma 2.0

Вы освоите популярный сервис для разработки интерфейсов Figma. Сможете создавать дизайн-проекты, делать прототипы и использовать этот инструмент для командной работы. Станете более востребованным дизайнером в Digital.

Кому подойдёт этот курс?

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

Дизайнерам интерфейсов
Научитесь использовать плагины и библиотеки, работать с эффектами и вложенными компонентами. Оптимизируете рабочий процесс. Добавите в резюме новый навык, повысите качество работ и сможете больше зарабатывать.

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

• Уверенно работать в Figma
  Освоите возможности Figma, панель инструментов, шорткаты и работу со слоями. Сможете создавать графику любой сложности.
• Выстраивать рабочий процесс
  Узнаете, как организовать и автоматизировать работу в Figma, чтобы тратить минимум времени на изменения и правки. Будете знать, где найти нужный инструмент в редакторе.
• Создавать прототипы
  Научитесь настраивать артборды и быстро создавать макеты для устройств с разным разрешением. Сможете делать интерфейсы для разных платформ: от ПК до iOS и Android.
• Организовывать дизайн-проекты
  Узнаете, как контролировать версии и организовать командный доступ к проекту. Сможете комфортно работать с другими дизайнерами.
• Делать анимацию
  Познакомитесь с продвинутой функцией редактора — Figma Animate. Научитесь создавать автоматическую анимацию разных слоёв.

Onskills

Онлайн-курс по работе в Figma с получением сертификата. Научись работать с самым быстрым, эффективным и востребованным инструментом в области дизайна и зарабатывай на этом.

Ваши перспективы после курса по Figma:

• Заниматься прототипированием в Figma
• Создавать изображения для нескольких платформ сразу
• Организовать командную работу
• Грамотно работать с компонентами
• Создавать анимацию

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

Нетология

Основы Figma
На практике освоите базовые инструменты популярного графического редактора — бесплатно.

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

Научитесь работать с ключевыми инструментами Figma:

• Шейпами
• Сетками и направляющими
• Текстом
• Масками
• Компонентами
• Стилями
• Инструментами прототипирования
• Эффектами
• Интеграцией растровых изображений
• Цветом и градиентами

BangBangEducation

Практический курс ведущего продуктового дизайнера Mail.ru Павла Прошина о функционале инструмента Figma. Это современный онлайн-сервис для разработки интерфейсов и прототипирования, в котором можно работать совместно с командой в режиме реального времени. Отличие и преимущество Figma в том, что полноценно работать в программе можно прямо в браузере.

Кому подойдет курс?

Всем, кто хочет познакомиться с этим сервисом и расширить свои навыки.

Чему вы научитесь?

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

Tilda School

Курс поработев FigmaЗа. 13 кратких и простых уроков вы разберетесь с основными моментами работы в Фигме и переносом дизайна в Тильду

Зачем нужна — Фигма?

• Это самый простой в освоении профессиональный графический редактор
• Figma — самый популярный бесплатный инструмент для создания интерфейсов в Мире
• Есть все необходимые функции: маски, работа с градиентами, кривыми и многое другое
• Помогает создавать прототипы интерфейсов, дизайн сайтов, иллюстрации и векторную графику

GeekUniversity

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

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

Figma.info

Обучающие уроки по Figma

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

Уроки:

• Cетка, направляющие и линейки в Figma
• Ре-брендинг компании от логотипа до дизайна сайта
• Ошибки веб-дизайнеров
• Обзор программы Figma (Фигма)
• Дизайн многостраничного сайта компании
• Дизайна главной страницы интернет-магазина

Course Hunter

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

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

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

Учебный центр «Специалист»

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

Аудитория курса:

• UI-дизайнеры
• Веб-дизайнеры
• Графический дизайнеры
• UX-дизайнеры

Вы научитесь:

1. 1. владеть актуальным инструментом
   2. быстро работать в Figma: компоненты, ресайз, прототипирование
   3. создавать сайты в актуальном и современном сервисе

Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы. Большинство выпускников курсов делают успешную карьеру и пользуются уважением работодателей.

Photoshop Master

21 урок по FIGMA

Начните осваивать карьеру веб-дизайнера с новым онлайн-сервисом Figma. Даниил Волосатов — веб-дизайнер «Фотошоп-мастер», подготовил для вас подробные уроки.

Содержание курса:

1. Скачивание программы Figma
2. Обзор интерфейса
3. Frame
4. Инструмент формы
5. Перо и карандаш
6. Инструмент текст
7. Комментарии
8. Экспорт
9. Смарт выравнивание
10. Маска слоя
11. Share
12. Модульная сетка
13. Режим смешивания
14. Стили для текста
15. Стили для цвета

Детская школ программирования «Пиксель» (детям)

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

В курсе «Веб-дизайн» предоставляется обширная база знаний в сфере веб-разработки. Вы освоите популярные программы Figma и Photoshop, научитесь проектировать и создавать собственные лендинги (одностраничные сайты), которые сейчас имеют огромную популярность у заказчиков.

Вы научитесь:

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

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

Hedu

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

Урок № 1 — Знакомство с Figma
Фигма как современный инструмент разработки интерфейсов. Основы работы в данной программе, ее преимущество для дизайнера.

Урок № 2 — Возможности Figma. Инструментарий программы
Изучение всех особенностей и свойств инструментов Figma.

Урок № 3 — Компоненты и прототипирование
Познаем все нюансы и скрытые фишки программы, а так же рассмотрим возможности крутого прототипирования интерфейса.

Урок № 4 — Бог Фи
Тайные знания применяем в практике, создаем интерфейс приложения в Фигме.

Урок № 5 — Дизайн сайта
На пятом уроке разговор будет об этапах создания сайта и их взаимосвязи.

Урок № 6 — Закрепляющий урок. Создаем дизайн своего приложения
На шестом уроке — практика по созданию веб-приложения при помощи Figma.

Habr Blockchain

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

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

• Onboarding: вводный урок. UI Components: Swatch Library;
• UI Components: Text styles;
• UI Components: Buttons;
• UI Components: Constrains;
• UI Components: Навигация.