Курс 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%. Рассказываю о том, как не только пользоваться компонентами, а еще и работать с ними в комплексе с плагинами, привязками, стилями - от этого работа становится намного приятнее и быстрее.

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