ТОП 20 курсов по работе с Figma с нуля, онлайн обучение

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

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

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

Платные курсы

Школа: Skillbox - онлайн-университет digital и IT профессий

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

Спикер: Юлия Соловьёва

Длительность: 8 недель

Интенсивность: от 3 до 5 часов в неделю

Кому подойдет: Новичкам в веб-дизайне. Веб-дизайнерам без опыта работы в Figma.

Программа:

8 тематических модулей, 48 онлайн-уроков

• Знакомство с Figma
• Иконки, иллюстрации и картинки
• Компоненты
• Библиотеки компонентов и общие стили
• Auto Layout и Variants
• Сложные многостраничные документы
• Дополнительные возможности и сообщество авторов
• Подготовка макета для разработчиков

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

• Готовить адаптивные макеты
• Работать над проектом в команде
• Передавать макет в разработку
• Создавать компоненты и библиотеки стилей
• Добавлять интерактив в прототипы
• Профессионально работать в Figma

Особенности обучения:

• Лайфхаки от профессиональных дизайнеров
• Обучение на практике
• Доступ к курсу навсегда
• Год английского языка бесплатно
• Telegram-чат

[ProductStar] Основы дизайна для продактов: Figma

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

Школа: ProductStar - школа менеджмента и аналитики

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

Спикеры: Максим Около-Кулак, Артем Шитов

Длительность: 2 месяца

Интенсивность: Обучение в свободном режиме

Как проходит обучение: Изучаете тему. Выполняете домашнее задание. Общаетесь с наставником. Защищаете дипломный проект.

Кому подходит курс: В первую очередь курс подходит начинающим специалистам и тем, кто хочет перейти в данную специальность.

Программа:

10 уроков и 10 практических заданий от практиков рынка с проверкой

Ваши навыки после обучения:

• Объекты и библиотеки в Figma
• Продвинутые техники анимации
• MVP и проверка гипотез
• Юзабилити, эргономика и макеты

Особенности обучения:

• Обучение на практике
• Доступ к курсу навсегда
• Карьерные консультации, помощь в подготовке портфолио и составлении продающего резюме
• Поддержка ментором
• Сертификат

[HEDU] Онлайн-курс по Figma

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

Школа: HEDU - курсы дистанционного обучения

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

Длительность: 3 часа

Формат обучения: Занятия. Домашнее задание. Сопровождение. Защита собственного проекта.

Кому подойдет: Новичкам. Начинающим веб-дизайнерам. Веб-дизайнерам. Фрилансерам. Всех, кого интересует Figma.

Программа:

Программа курса состоит из 6 уроков

1. Знакомство с Figma
2. Возможности Figma. Инструментарий программы
3. Компоненты и прототипирование
4. Бог Фи
5. Дизайн сайта
6. Закрепляющий урок. Создаем дизайн своего приложения

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

• Создать приложение, сайт и т.д.
• Зарабатывать фрилансом из любой точки мира
• Получить интересную работу в престижной компании
• Находить заказчиков и продуктивно взаимодействовать с ними
• Эффективно использовать инструменты Figma

Особенности обучения:

• 6 видеоуроков по работе с Figma
• Возможность задать вопросы веб-дизайнеру
• Возможность добавить в ваше портфолио работы, созданные во время обучения
• Креативные домашние задания и их оперативную проверку
• Сертификат о прохождении онлайн-курса по Figma

[Специалист] Figma для UI/UX дизайнера

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

Школа: Специалист - учебный центр при МГТУ им.Н.Э.Баумана

Сайт: https://www.specialist.ru

Длительность: 24 ак. ч.

Формат обучения: Очно, онлайн

Требования: Уверенное владение компьютером, интернетом, опыт работы в любой графической программе (Photoshop, Illustrator).

Программа:

1. Figma основы работы (4 ак. ч.)
2. Создаем дизайна сайта для десктопа (8 ак. ч.)
3. Создаем дизайн сайта для планшетов и смартфонов (8 ак. ч.)
4. Интеграция и экспорт, дополнительные возможности (4 ак. ч.)

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

• Основам командной работы в Figma
• Создавать дизайн сайта для десктопа
• Экспортировать макет из Figma, представлять информацию для верстальщиков и программистов
• Использовать плагины, компоненты, стили и общие библиотеки
• Создавать интерактивные макеты с помощью приложений Axure
• Работать с инструментом Ограничители в Figma
• Планировать адаптивный макет сайта для различных устройств
• Выстраивать работу по циклу web-разработки

Особенности обучения:

• Документ об окончании

[beONmax] Figma для Веб дизайнера - с нуля до профессионала

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

Школа: beONmax - онлайн курсы программирования

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

Преподаватель: Евгений Марфель

Дата начала: В любое время

Длительность: 8 часов

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

Программа:

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

1. Введение - О курсе Figma для Веб дизайнера - с нуля до профессионала
2. Основы Figma
3. Инструменты Figma
4. Профессиональные инструменты Figma
5. Создание своей библиотеки компонентов
6. Практика работы в Figma. Создаём макет приложения
7. Прототипирование в Figma
8. Практика работы в Figma - 2. Создаём макет приложения

Ваши навыки после обучения:

• Основы своей библиотеки компонентов
• Инструменты Figma
• Стили
• Компоненты
• Плагины
• Система сеток и направляющих в Figma
• Contsraints (Ограничения/привязки)
• Прототипирование
• Frame - очень важная часть. Фрейм - это основа программы.
• Атомарный дизайн
• Внутренний и внешний интерфейс программы

Особенности обучения:

• Завершение курса - Получение Сертификата

[Pentaschool] Профессиональный дизайн сайтов в Figma

На курсе вы освоите редактор на продвинутом уровне, создадите портфолио и найдете своих первых клиентов. Доступ к урокам останется навсегда после успешного прохождения курса. Учитесь в удобное для вас время. Получите только актуальные и проверенные знания. Профессиональное сообщество и обратная связь от экспертов. Научитесь пользоваться гайдами для iOS и Android, собирать основные экраны мобильных приложений в Figma, попробуете свои силы в редизайне существующих приложений.

Школа: Московская академия дизайн-профессий Pentaschool

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

Интенсивность: Один видеоурок длится 15-20 минут. Нужно уделять занятиям 2-3 часа в день.

Формат обучения: Теория, практика

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

Программа:

Основы Figma

• Познакомитесь с инструментами Figma.

Дизайн сайтов в Figma

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

Дизайн мобильных приложений в Figma

• Узнаете, как пользоваться гайдами iOS и Android.

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

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

Особенности обучения:

• Доступ к урокам останется навсегда
• Программа разработана практикующими дизайнерами
• Профессиональное комьюнити и обратная связь от экспертов
• Разборы практических работ участниками курса
• Бессрочный доступ к материалам курса после успешного завершения обучения
• Обучение в удобное время
• По итогу обучения вы получите сертификат академии дизайна Pentaschool

[Contented] Figma

Курс Figma познакомит вас с онлайн-редактором и его функциями с нуля. Все, что от вас нужно, это регулярная практика и намерение углубляться в процесс, получать новые знания. Вас будут сопровождать эксперты — менторы школы, которые помогут сориентироваться и влиться в процесс обучения. По опыту студентов, изучение материала занимает от 4 до 8 часов в неделю.

Школа: Contented - онлайн-школа дизайна

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

Дата начала: Старт в удобное время

Интенсивность: от 4 до 8 часов в неделю

Формат обучения: Видеоуроки и практика

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

Программа:

Модуль 1

1. Интерфейс
2. Frame и Group
3. Основные инструменты: Shape tool, Drawing tools
4. Эффекты
5. Экспорт

Модуль 2

1. Дизайн-систему: работу со стилями, текстом, цветом, тенями
2. Создание кликабельных прототипов адаптируя на различных устройствах
3. Компоненты в Figma
4. Особенности совместной работы над проектом

Особенности обучения:

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

[Interra] Создание сайта в Figma

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

Школа: Interra - школа современных профессий

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

Автор: Екатерина Космович

Дата начала: В любое время

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

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

Программа:

О профессии и что такое посадочная страница

1. Кто такой веб-дизайнер, какие задачи он выполняет?
2. Учимся отличать плохой дизайн от хорошего. Источники вдохновения.
3. Что такое посадочная страница.
4. Создаем свой первый прототип страницы.

Знакомимся с Figma и отрисовываем свой первый макет

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

Разбираем композицию и типографику. Завершаем макет.

1. Композиция и типографика.
2. Узнаем, как пользоваться плагинами,
3. где их искать и как устанавливать в Figma.
4. Завершаем лендинг в Figma.
5. Создаем экран с формой обратной связи.

План развития в карьере. Резюме, портфолио.

1. Что нужно делать, чтобы стать профессиональным дизайнером?
2. Как создать портфолио?
3. Где искать заказчиков?

Особенности обучения:

• Доступ к курсу - бессрочно
• Именной сертификат после прохождения обучения

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

Дата начала: В любое время

Программа:

4 проекта, 43 видеоурока

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

• Применять результаты UX-исследований для создания дизайна
• Выстраивать рабочий процесс и организовывать работу по дизайну сайтов
• Развивать библиотеки стилей и применять единый визуальный стиль
• Готовить адаптивные макеты и создавать интерактивные прототипы
• Настраивать анимацию и добавлять интерактив
• Создавать интерфейсы для популярных платформ
• Создавать адаптивные компоненты
• Уверенно работать в Figma

[Cloudlessons.ru] Супер Figma

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

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

Автор курса: Максим Кузнецов

Дата начала: В любое время

Как проходит обучение: Обучение проходит на онлайн-платформе VideoSmile, к которой вам будет предоставлен доступ. Домашние задания и кураторство. Круглосуточная поддержка от кураторов и общение с другими студентами.

Программа:

40 практических занятий

Особенности обучения:

• Сертификат о прохождении курса
• Никаких ограничений по времени
• Обратная связь и кураторство
• Чат в Telegram
• Домашние задания
• Портфолио с вашими работами
• Гарантия возврата средств

Бесплатные курсы

[Нетология] Основы Figma

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

Школа: Нетология - университет интернет-профессий

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

Преподаватели: Иван Крестов, Андрей Кретинин.

Формат обучения: Видеолекции

Программа:

5.5 часов теории и 8 часов практики

1. Введение в Figma
2. Рекламный баннер
3. Работа с интерфейсом
4. Лендинг
5. Адаптивный дизайн

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

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

Особенности обучения:

• Записи с вами навсегда
• Новые знакомства и нетворкинг
• Получите полезный практический навык

[itProger] Уроки Figma

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

Школа: itProger - онлайн-школа IT профессий

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

Дата начала: Старт в любой день

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

Программа:

8 уроков

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

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

Вы познакомитесь с Фигма и научитесь использовать все её основные инструменты на практике.

Особенности обучения:

• Консультации

[YouTube] Изучение Figma (Фигма) с нуля / Урок #1 – Создание дизайна (UI/UX) для начинающих

Канал: Гоша Дударь

Курс по изучению Figma и построению дизайна на её основе. За курс для начинающих вы с нуля научитесь работать с Фигма и создадите несколько (UI, UX) дизайнов.

Тайм-коды:

00:00 — Начало
00:27 — Что такое Figma?
00:51 — Почему он стал популярным?
01:23 — Что умеет Figma?
02:12 — А как же PhotoShop?
03:07 — План курса
03:35 — Регистрация
05:22 — Кабинет пользователя
08:45 — Заключительная часть

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Формат обучения: Видеокурс

Плейлист:

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

[Contented] Дизайн на Figma

Бесплатный курс по основам Figma.

Школа: Contented - онлайн-школа дизайна

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

Дата начала: В любое время

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

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

Ваши навыки после обучения:

• Познакомитесь с основами Figma
• Прокачаете дизайнерские навыки
• Начнете прямой путь в дизайн
• Создадите иконку и баннер

Особенности обучения:

• Первый кейс в твоё дизайнерское портфолио
• Подробные уроки от эксперта
• Сертификат об успешном прохождении курса
• Полезные подарки

Курс по Figma. Уроки для начинающих с нуля на русском

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

Сайт: https://web-design.center/

Дата начала: Старт в любой день

Длительность: Видео инструкция на 60 минут

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

Программа:

1. Где скачать и как установить программу Figma на компьютер?
2. Как пользоваться Figma? Обзор программы за 20 минут.
3. Frame — подробный разбор инструмента

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

• Добавьте +1 проект в ваше портфолио, что поможет привлечь новых клиентов
• Получите новый навык, который сможете использовать в дальнейшем снова и снова

[YouTube] Уроки Figma

Канал: Владимир Чернышов: уроки веб-дизайна

На видео первый урок: Уроки фигма для начинающих с нуля на русском / Урок Figma №0

Уроки по изучению Fima (2021) для начинающих с нуля на русском языке. Вы разберетесь как работать в программе, даже если вы новичок.

114 уроков продолжительностью приблизительно по 5 минут

Дата начала: В любое время

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

Формат обучения: Видеокурс

[YouTube] 1 урок — Интерфейс. Подробный курс по Figma

Канал: Наука Дизайна

В течение 15 уроков вы узнаете все функции в Figma.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Формат обучения: Видеокурс

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

[YouTube] Обзор интерфейса: аккаунт, история версий, хоткеи. Новый нескучный курс по Фигме. Урок 1

Канал: Alexey Bychkov: веб-дизайн и фриланс

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

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Формат обучения: Видеокурс

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

[YouTube] Уроки Figma #1: Обзор программы Figma

Канал: Школа дизайна – UX Mind School

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

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Формат обучения: Видеокурс

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

1. Обзор программы Figma
2. Основные инструменты Figma
3. Создание модульной сетки
4. Инструмент Frame tool (артборда)
5. Что такое компоненты?
6. Работа с формами
7. Работа с текстом
8. Фигма для верстальщиков
9. Фишки и полезные функции
10. Горячие кнопки
11. Работа с изображениями (растровой графикой)
12. Создание адаптивных элементов

[YouTube] Figma с нуля - Знакомство с программой | Веб дизайн. Урок 1

Канал: VideoSmile

Изучите основные инструменты и функции самого популярного графического редактора для веб- и UI-дизайна. По окончанию мини-курса вы создадите первый экран сайта! Урок 1 из 8 построен таким образом, что вы будете изучать Figma на практике. После успешного прохождения курса вы сможете брать свои первые фриланс-заказы или устроиться джуниором (младшим специалистом) в студию.

Дата начала: В любое время

Интенсивность: Свободный график

Формат обучения: Видеокурс

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

1. Знакомство с программой
2. Фреймы и группы
3. Слои и ограничения
4. Маски
5. Типографика
6. Стили и эффекты слоев
7. Векторные объекты
8. Первый экран сайта
9. Курс по веб дизайну - «Супер Figma» от VideoSmile