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

5Premium

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

Начать обучение Регистрация

О курсе - Чему Вы научитесь?

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

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

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

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

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

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

Начинайте изучать самую перспективную программу для веб-дизайна!

Начать обучение

План курса

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

развернуть все

свернуть все

Введение - О курсе Figma для Веб дизайнера - с нуля до профессионала
2. Инструменты Figma
  • 2.1 Горячие клавиши01:39
  • 2.2 Move tool, Scale tool02:17
  • 2.3 Прямоугольник + Овал08:26
  • 2.4 Полигон + Звезда02:49
  • 2.5 Изображения08:56
  • 2.6 Заливка + Градиент07:45
  • 2.7 Выравнивание объектов05:16
  • 2.8 Маска05:55
  • 2.9 Эффекты03:52
  • 2.10 Обводка03:59
  • 2.11 Перо18:07
  • 2.12 Инструмент "Текст"08:33
  • 2.13 Группа10:11
  • 2.14 Frame10:44
  • 2.15 Булевы группы03:13
  • 2.16 Эффекты наложения04:55
  • 2.17 Комментарии03:13
  • 2.18 Экспорт05:24
3. Профессиональные инструменты Figma
  • 3.1 Плагины05:40
  • 3.2 Скрытые инструменты Figma18:27
  • 3.3 Стили11:24
  • 3.4 Constraints. Базовое понимание07:05
  • 3.5 Constraints (Ограничения/привязки) Часть 119:13
  • 3.6 Constraints (Ограничения/привязки) Часть 214:03
  • 3.7 Сетки. Часть 104:47
  • 3.8 Сетки. Часть 214:11
  • 3.9 Компоненты. Базовое понимание11:20
  • 3.10 Компоненты. Изменения внутри копий04:28
  • 3.11 Компоненты. Практика10:06
  • 3.12 Компоненты. Структура и правила нейминга10:00
  • 3.13 Компоненты. Создание вариантов14:36
  • 3.14 Selection Colors03:47
  • 3.15 Auto Layout11:10
  • 3.16 Практика работы с Auto Layout08:50
4. Создание своей библиотеки компонентов
  • 4.1 Основа атомарного дизайна13:04
  • 4.2 Создание основы библиотеки компонентов10:00
  • 4.3 Что должно быть в твоей библиотеке компонентов07:10
5. Практика работы в Figma. Создаём макет приложения
  • 5.1 Часть 1. Создаём первый экран27:10
  • 5.2 Часть 2. Раскрытое меню, экран с папками, открытая папка18:50
  • 5.3 Часть 3. Создаём экран проигрываемой песни14:00
6. Прототипирование в Figma
  • 6.1 Функции и свойства Prototype12:41
  • 6.2 Анимации - Smart Animate04:56
  • 6.3 Возможности прототипирования10:03
  • 6.4 Оборачивание макета в device01:53
  • 6.5 Прототипирование на практике15:56
  • 6.6 Эффекты взаимодействия внутри приложения14:26
7. Практика работы в Figma - 2. Создаём макет приложения
  • 7.1 Часть 1. Создаём первый экран26:04
  • 7.2 Часть 2. Экран открытого плейлиста, экран проигрываемой песни16:26
  • 7.3 Часть 3. Создаём страницу автора песни02:54
  • 7.4 Часть 4. Создаем кликабельный прототип мобильного приложения18:35
Завершение курса - Получение Сертификата

Начать обучение

Студенты также изучают

online_course
new
online_course
new
5
  • 85 видео
  • 18 часов
online_course
new
4.8
  • 74 видео
  • 7 часов
online_course
new
5
  • 97 видео
  • 34 часа

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

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса Figma для Веб дизайнера — с нуля до профессионала.

Александр Барихин

Отличный обучаемый курс по Фигме, хорошо затронута тема прототипирования! Класс!

Ришат Абзалимов

Очень профессионально! Доступно!

Наталья Панасенко

Отличный курс! Спасибо большое

Светлана Кудрявцева

Спасибо большое за курс. ОЧень понравилось содержание курса и подача материала. Особенно ценными были практические советы по работе над проектами.

Mavluda Sultanova

Спасибо за Курс

Liliya_Alieva

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

Юра Федосов

Автор очень подробно все объяснял. Видно что человек работает достаточно продолжительное время в данной сфере, все сделано на высшем уровне.

Анатолий Божко

Обучение, в процессе которого я узнал много нового, прошло просто замечательно! Я от всей души благодарю команду beONmax за предоставление доступного и качественного обучения современным профессиям! Спасибо еще раз!

Маъруфджон Юсупов

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

Сергей Махнутин

Благодарю вас за очень интересный и понятный курс! Знаний полученных здесь хватает для того чтоб начать создавать и развиваться дальше. Очень понравилось! Успехов вам и развития платформы!

Regina Kharrasova

Всем привет, хочу поделиться отзывом о пройденном мною курсе по фигме. Очень понравилось насколько просто и понятно объясняет преподаватель программу и все инструменты в ней. Были пару моментов, когда преподаватель упускал детали, и не было понятно как он получил тот или иной результат, но умение гуглить решило проблему. Нужно лишь желание, осталось самое тяжелое, создавать, применять все это на практике :) Спасибо большое за ваш курс.

Даша Баринова

Хороший базовый курс! Спасибо большое за уроки!

Сергей Сафонов

Интересно и познавательно, для начинающих дизайнеров самое то!

Кирилл Белов

Круто!!!

Ксения Казакова

Очень интересный курс, особенно порадовала практика )

student_3wQxUKl2

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

Александр Шепитько

Обучаюсь данному направлению впервые. Курс очень годный. Разбираются основные моменты, которые заставляют тебя задуматься о правильности выбора дальнейшей специальности. Годно.

Даниил Матвеев

Классно

Борис

Хороший курс для начального старта

Ксения Барщ

Очень довольна курсом: кратко, емко и очень содержательно!

 Дарья Смирнова

Очень крутой курс! Много полезного)

Евгений Зембра

Очень познавательный курс. Спасибо

Абдула Магомедов

топ!

Иван Рашуга

Очень интересный и доступный курс!

Evgenii Fedorenko

Курс дает общее представление, но достаточно подробно и доходчиво. Отлично.

Николай Ефимов

Интересный курс! Ведущий ясно и понятно объясняет, теперь надо практикой подкрепить пройденное. Спасибо.

Ольга Дерюшева

Курс очень понравился. Всё доходчиво и понятно. Спасибо автору.

Virginia Gujejiani

Возможно, это лучший курс по Figma в сети! Разобрали подробно все возможности программы. Спасибо!

Начать обучение

Преподаватель

Course Author
Евгений Марфель

О преподавателе курса

  • Практикующий веб-дизайнер и разработчик сайтов

"Я уже обучил многих студентов и хочу поделиться своими знаниями по софту для дизайнера и профессии веб-дизайнер с тобой.

Помни, что мы должны решать проблемы пользователей и быть им полезными в первую очередь. И только после этого мы должны делать “красоту”.

Знаю Фигму и умею ею пользоваться на 100%. Рассказываю о том, как не только пользоваться компонентами, а еще и работать с ними в комплексе с плагинами, привязками, стилями - от этого работа становится намного приятнее и быстрее.

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

Всего заданий: 57

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


Продолжительность: ~9 часов