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

5

Онлайн курс по 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 Плагины04:42
  • 3.2 Скрытые инструменты Figma18:27
  • 3.3 Стили11:24
  • 3.4 Constraints (Ограничения/привязки) Часть 119:13
  • 3.5 Constraints (Ограничения/привязки) Часть 214:03
  • 3.6 Сетки. Часть 104:47
  • 3.7 Сетки. Часть 214:11
  • 3.8 Компоненты07:54
  • 3.9 Практика создания мультикомпонента09:09
  • 3.10 Практика работы с мультикомпонентами06:35
  • 3.11 Selection Colors03:47
  • 3.12 Auto Layout24:08
4. Создание своей библиотеки компонентов
  • 4.1 Основа атомарного дизайна13:04
  • 4.2 Что должно быть в твоей библиотеке компонентов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
4.9
  • 74 видео
  • 7 часов
online_course
new
5
  • 97 видео
  • 34 часа
online_course
new
5
  • 59 видео
  • 21 час

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

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

12.06.2021
Virginia Gujejiani

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

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

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

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

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

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

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

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

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

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

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


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