50 Лучших Курсов по Figma [2023] +Бесплатные

ТОП-7 платных онлайн-курсов по Figma — обучение с нуля

1. Figma от Contented
2. Figma с нуля до PRO от Skillbox
3. Онлайн-курс «Основы Figma» от Бруноям
4. Проектирование в Figma от Eduson Academy
5. Онлайн-курс FIGMA от ЛОГОМАШИНА
6. Дизайн интерфейсов в Figma от Pentaschool
7. Онлайн-курс по Figma от IRS.Academy

1. Figma от Contented (сайт школы)

• Длительность: 2 недели.
• Стоимость: со скидкой 40% – 13 000 ₽.
• Формат: видеоуроки, практические занятия, поддержка куратора.
• Документ об окончании: электронный сертификат.
• Особенности: 2 проекта для портфолио, вечный доступ к материалам, занятия в удобное время.
• Промокод: GEEK – дает скидку 45% (НЕ суммируется со скидкой на сайте) на все курсы SF и CD

Программа

1. Интерфейс.
2. Фреймы, группы.
3. Группы инструментов Shape (векторные) и Drawing tools (рисование).
4. Добавление эффектов.
5. Экспорт прототипов.
6. Дизайн система: стили, цвет, свет, тени, стили.
7. Кликабельные прототипы.
8. Адаптация прототипов под разные устройства.
9. Командная работа.

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

• Применять основные инструменты редактора.
• Работать с эффектами, стилями, светом, цветом.
• Экспортировать проекты.
• Создавать кликабельные прототипы.
• Адаптировать проекты под экраны разных устройств.
• Работать над проектами совместно.

Преимущества:

• Разбор работ наставника.
• Проверка домашних заданий координатором с развёрнутым комментарием.
• Создадите слэш-экран с лого и прототип с «живым» дизайном и кнопками.
• Координатор отвечает на вопросы студентов в чате.

Недостатки:

• Нет

Полная информация

2. Figma с нуля до PRO от Skillbox (сайт школы)

• Длительность: 2 месяца.
• Стоимость: со скидкой 30% – 4 796 ₽/мес. при рассрочке на полгода.
• Формат: онлайн-лекции, практические задачи на базе требований реальных заказчиков.
• Документ об окончании: нет.
• Особенности: обучение на практике, налоговый вычет – 13%.
• Промокод: GEEKHACKER – 5% дополнительная скидка на все онлайн-курсы Промокод суммируется с действующими акциями на сайте Skillbox

Программа

1. Знакомство с интерфейсом – завершите первый прототип.
2. Значки, изображения, иллюстрации – первый дизайн-макет без сторонних приложений.
3. Компоненты, панель настроек – получите интерактивный прототип.
4. Библиотеки компонентов, стили – сверстаете аккуратный макет с применением модульных сеток.
5. Auto Layout, объединение макетов посредством Variants – адаптируете сложные компоненты под различные дисплеи.
6. Многостраничные документы – создадите дерево страниц.
7. Дополнительные возможности – добавление плагинов, анимации.
8. Подготовка макета для разработчика.

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

• Работать в Фигма на уровне уверенного пользователя.
• Создавать адаптивные макеты с нужной степенью детализации.
• Добавлять интерактивные объекты.
• Создавать анимацию.
• Разрабатывать собственные компоненты.
• Группировать элементы цветовой палитры и шрифты.
• Командной работе: внесение правок, согласование макетов, продвинутые инструменты.
• Передавать проекты в разработку.
• Оптимизировать рабочий процесс команды.
• Демонстрировать заказчику технические моменты, коды элементов.

Преимущества:

• Лайфхаки от профессионалов.
• Год английского бесплатно.
• Обучение на платформе Скиллбокс.
• Вечный доступ к образовательным материалам.
• Чат в Телеграме для общения с преподавателем.
• Не нужно ничего приобретать – достаточно бесплатной версии Фигма.

Недостатки:

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

Полная информация

3. Онлайн-курс «Основы Figma» от Бруноям (сайт школы)

• Длительность: 1 месяц.
• Стоимость: со скидкой 40% – 1 491 ₽/мес. при рассрочке на год или 17 900 ₽.
• Формат: статьи, домашние работы, практика в формате видео, домашние задания с тремя уровнями сложности и фидбэком.
• Документ об окончании: сертификат.
• Особенности: бонусная программа «Учись учиться», скидки на другие курсы школы, возможно индивидуальное обучение.
• Промокод: GEEK22 – Для наших читателей мы подготовили промокод на скидку 15%

Программа

1. Интерфейс приложения.
2. Тонкости работы с масками, изображениями, шрифтами.
3. Auto Layout: UI киты, варианты, компоненты.
4. Плагины, сетки.
5. Прототипы: создание, придание интерактивности.
6. Разработка макетов сайтов.

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

• Создавать графические элементы, текст.
• Обрабатывать фотоснимки.
• Прототипировать макеты в соответствии со стандартами.
• Создавать макеты веб-сайтов.
• Работать с плагинами, Auto Layout.

Преимущества:

• Начать обучение Figma можно бесплатно.
• Общение с наставником без ограничения по количеству сообщений.
• Возврат всей стоимости, если обучение не устроит.
• Проверка домашних заданий в течение суток.
• Возможность получить налоговый вычет.
• Поддержка от наставника в первое время после завершения обучения.
• Интенсивная программа – поможет быстро освоить азы профессии.

Недостатки:

• На основе отзывов не обнаружены.

Полная информация

4. Проектирование в Figma от Eduson Academy (сайт школы)

• Длительность: 1 месяц.
• Стоимость: со скидкой 60% –11 600 ₽ + дополнительная скидка по промокоду.
• Формат: лекции, практика на тренажёре, разбор кейсов.
• Документ об окончании: диплом.
• Особенности: личный куратор, аттестация перед выпускным.
• Промокод: GEEK – дает дополнительную скидку 10% на все курсы

Программа

1. Интерфейс программы.
2. Элементы, их упорядочивание.
3. Работа с цветом, масками, текстом.
4. Тонкости обработки векторных иллюстраций.
5. Установка и эксплуатация плагинов.
6. Кликабельный прототип.

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

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

Преимущества:

• Беспроцентная рассрочка платежа.
• Дополнительные скидки.
• Можно задавать вопросы куратору.
• Обучение построено на практике.
• Авторы уроков – эксперты с опытом 5+ лет.

Недостатки:

• Школа не помогает с трудоустройством, но должное выполнение практических заданий и диплом облегчат прохождение собеседований.

Полная информация

5. Онлайн-курс FIGMA от ЛОГОМАШИНА (сайт школы)

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

• Для кого: копирайтеров, методистов, продакт-менеджеров, экспертов, маркетологов, дизайнеров.
• Формат: короткие лекции, видео-практика, экзамен.
• Программа: знакомство с интерфейсом, создание проекта, обработка изображений, добавление иконок, текста, корректировка элементов, верстка макета.
• Длительность: 2 недели.
• Стоимость: рассрочка от 1 429₽ в месяц, полная стоимость курса — 17 148₽.
• Количество проектов в портфолио: 1.

Особенности:

• Получите видео-фидбек от куратора.
• Создадите проект для портфолио.
• Структурированные видео уроки, без воды.
• Комфортное обучение, количество студентов в группу ограниченно.

Преимущества:

• Отсрочка платежа на месяц, рассрочка без %.
• Вводный урок можно посмотреть бесплатно.
• Скидки до 30%.

Недостатки:

• Отсутствие сертификата.

Полная информация

6. Дизайн интерфейсов в Figma от Pentaschool (сайт школы)

• Длительность: 3 месяца.
• Стоимость: со скидкой 35% – 4 750 ₽/мес. или 19 000 ₽.
• Формат: 30 видеоуроков (скринкасты), дополнительные материалы, 20 домашних заданий + обратная связь, итоговое тестирование.
• Документ об окончании: сертификат.
• Особенности: 2 работы для портфолио, доступ к следующему уроку после принятия домашки.

Программа

Основы приложения:

1. Интерфейс, инструменты программы.
2. Правила оформления мудборда.
3. Основы UI-дизайна: колористика, типографика, изображения.
4. UX-дизайн: прототипирование, настройка страницы и сетки.
5. Адаптивный дизайн одностраничного сайта.

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

• Настройка сетки, компонентов.
• Создание главной страницы, Корзины, каталога.
• Разработка UX-прототипа онлайн-магазина.
• Настройка стилей под ваш прототип.
• Создание векторной иконки, настройка анимации.

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

• Разработка User-flow для одностраничных сайтов.
• Прототип главной страницы.
• Интерактивный UX-прототип.

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

• Использовать основные инструмента графического редактора.
• Принципам работы с цветом, шрифтами.
• Приёмам создания композиций.
• Делать прототипы интерактивными.
• Создавать мудборды.
• Разрабатывать собственные наборы элементов интерфейса.
• Основам обработки векторной и растровой графики.
• Верстать адаптивные сайты для разных экранов.
• Презентовать работы заказчику.

Преимущества:

• Бесплатный демо-урок.
• Неограниченный по времени доступ к материалам.
• Обратная связь от практиков.
• Рассрочка без переплат.
• Возврат 13% стоимости.

Недостатки:

• Мало обратной связи, поэтому задавать преподавателю пустяковые вопросы не стоит, для этого есть общий чат.

Полная информация

7. Онлайн-курс по Figma от IRS.Academy (сайт школы)

• Длительность: 3 часа, 5 занятий.
• Стоимость: 1 699 ₽.
• Формат: вебинары, записанные лекции, проверяемые домашние задания, тесты.
• Документ об окончании: подтверждающий компетенции сертификат.
• Особенности: сопровождение персональным координатором, защита диплома, три тарифных плана.

Программа

1. Знакомство с графическим редактором.
2. Свойства, возможности приложения.
3. Нюансы прототипирования.
4. Разработка приложения в Фигма.
5. Создание сайтов.

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

• Использовать инструменты редактора.
• Разрабатывать интерфейсы сайтов, приложений.
• Находить заказы.
• Выстраивать взаимодействие с заказчиком.

Преимущества:

• Преподаватель – веб-, UI/UX-дизайнер с опытом 10+ лет.
• Обучение построено на практике.
• Короткие видеолекции.
• Возможность задавать вопросы, касающиеся веб-дизайна.
• Оперативная проверка домашних заданий.

Недостатки:

• В курс не включён карьерный трек в пользу минимизации стоимости и ускорения обучения.

Полная информация

8. Курс «Основы дизайна в Figma» от Яндекс.Практикум (сайт школы)

• Длительность: 3 недели.
• Стоимость: 9 500 ₽.
• Формат: лекции, практика, занятия на тренажёре.
• Документ об окончании: свидетельство.
• Особенности: обучение на практике, курс стартует еженедельно, скидка на другие практикумы школы.

Программа

1. Вводная лекция о дизайне.
2. Знакомство с Figma: интерфейс, организация рабочего пространства, многопользовательская работа.
3. Основы дизайна: цвет, композиция, типографика.
4. Передающий смыслы дизайн: работа с шейпами, графикой, фреймами, первый бриф.
5. UX: создание интерфейсов, интерактивных прототипов.
6. Дипломный проект.

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

• Создавать рабочие пространства.
• Организовывать совместную работу.
• Делать дизайн-макеты, редактировать их.
• Работать с шейпами, графикой, фреймами.
• Создавать интерфейсы.
• Пользоваться Community.
• Делать интерактивные прототипы.

Преимущества:

• Обучение в сопровождении специалистов.
• Консультации по дальнейшему развитию.
• Работа на платформе Яндекс.
• Начать изучение основ дизайна в Figma можно бесплатно.
• Регулярное обновление материалов.
• Вечный доступ к личному кабинету.
• Завершите полноценный проект для портфолио.
• При продолжении обучения в Практикуме за курс не нужно платить.

Недостатки:

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

Полная информация

Еще курс от Яндекс.Практикум

Курс «Дизайнер интерфейсов»

Стоимость: от 16 500 ₽/мес. при рассрочке на 9 месяцев или 136 000 ₽.

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

Еще курсы от других онлайн-школ по теме:

9. Figma для UI/UX дизайнера от Специалист.ru

Стоимость: 26 490 ₽.

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

10. Супер Figma от Videosmile

Стоимость: 24 990 ₽.

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

11. Курс веб дизайну UX / UI DESIGN (FIGMA) + PROTOTYPING. Я так бачу! от Abiturients.info

Стоимость: 13 200 грн.

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

12. Figma от УрГЭУ Multimedia

Стоимость: 9 800 ₽.

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

13. Веб-дизайн и дизайн интерфейсов в Figma от Breezzly

Стоимость: 3 000 ₽.

Практикум состоит из видеоуроков, статей и материалов для скачивания. Кроме освоения инструментов Фигма научитесь учитывать результаты UX-исследований при разработке интерфейсов. Автор – опытный дизайнер с 5-летним стажем, работавший в международных проектах.

14. Уроки Figma от itProger

Стоимость: со скидкой 60% – от 6,30 USD/мес.

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

15. Веб-дизайн с Figma. Легкий старт от ITVDN

Стоимость: трёхмесячная подписка на все курсы школы – от 35.00 $.

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

16. Создание UI KIT в FIGMA | Делаем и продаем от Stepik

Стоимость: 3 990 ₽.

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

17. UX-дизайн в Figma. UX-аналитика проекта от Stepik

Стоимость: 3 990 ₽.

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

18. Веб-дизайн в Figma 2023. Основы UI/UX дизайна на практике от Stepik

Стоимость: 3 990 ₽.

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

19. Робота з Figma от Креативна Практика

Стоимость: от 250 грн./мес.

Курс на украинском и русском языках для новичков с бесплатным пробным периодом. Вы сможете проходить материалы (24 видеоурока и 7 лонгридов) в удобном темпе, выполните 6 проектов для закрепления теоретических знаний и научитесь искать заказчиков. Материалы периодически обновляются в соответствии с изменениями на рынке или обновлениями программы.

20. Проектирование в Figma от CourseHunter

Стоимость: от 3.24 USD/мес.

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

21. Профессия UX/UI дизайнер. Пакет из 2-х курсов-веб дизайн в Figma от Stepik

Стоимость: 2 290 ₽.

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

22. Курс Figma для Веб дизайнера – с нуля до профессионала от beONmax

Стоимость: по запросу.

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

23. Figma для веб-дизайнера с 0 до профессионала от CourseHunter

Стоимость: со скидкой 50% – от 3,24 USD/мес.

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

24. Библиотеки Figma от Сервисный Дизайн

Стоимость: со скидкой 50% – 1500 ₽.

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

25. Курс Figma (Фигма) с нуля от Siluette

Стоимость: со скидкой 61% – 390 грн.

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

26. Веб дизайн в Figma с нуля до результата! Основы UX/UI Web Design от Stepik

Стоимость: 1 590 ₽.

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

27. Веб дизайн в Figma. Анимации и Главные правила “Юзабилити” от Stepik

Стоимость: 1 190 ₽.

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

28. Верстка макетов Figma (HTML, CSS, LESS) от Stepik

Стоимость: 1 990 ₽.

Видеоуроки от дизайнера со стажем 10+ лет, на которых освоите принципы вёрстки и frontend-разработки с применением Фигма. После лекций будете проходить тесты и выполнять практические задания. Два из них сможете добавить в портфолио, также станете владельцем сертификата.

29. Продающий визуал в Figma для соцсетей от Stepik

Стоимость: 1 290 ₽.

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

30. Создай рабочий сайт в Figma от Stepik

Стоимость: 1 000 ₽.

На трёх 15-минутных видеоуроках освоите главные инструменты Фигма для веб-разработки, зарегистрируетесь в Tilda и импортируете туда первый сайт. После занятий получаете фидбэк от куратора.

31. Figma для слайдов от Stepik

Стоимость: не указана.

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

32. Motion дизайн в Figma. Анимации макета и главные правила UX от Udemy

Автор уроков научит делать современные дизайны в Фигма, создавать собственные стили, трёхмерные объекты, анимацию в стиле Apple, использовать плагины. Также познакомит с площадками, где можно брать графику, расскажет о принципах UX. Студенты получают вечный доступ к материалам и сертификат.

33. I believe I can design – изучаем UI дизайн в Figma от Udemy

Интенсив охватывает разные аспекты разработки дизайнов в Фигма: веб-, UI-, UX, адаптивный, мобильный, а также прототипирование. Состоит из 29 коротких видеолекций и двух ссылок на скачивание вспомогательного контента с неограниченным по времени доступом.

34. UX дизайн в Figma. UX аналитика проекта, UX для веб дизайнера от Udemy

На практикуме пройдёте производственный процесс от выбора темы, проведения начальной аналитики до опроса пользователей и анализа полученной информации. Он состоит из 48 коротких видеолекций, десятка практических занятий и четырёх статей с неограниченным временем доступа. Первые видеоуроки открыты для всех, кто хочет ознакомиться со стилем подачи материалов, дикцией автора.

35. UX/UI Дизайн от А до Я. Практика по Figma и Photoshop от Udemy

Практический курс для фрилансеров по основным отраслевым инструментам для разработчиков UI/UX-интерфейсов. Представлен 30+ видеоуроками с теорией и скринкастами по работе в Figma и Photoshop. После приобретения материалы останутся в вашем распоряжении навсегда, также получите сертификат.

36. Веб дизайн в Figma 2023. Продвинутый уровень. Создание Ui Kit от Udemy

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

37. Веб Дизайн в Figma 2023. Основы Ui Ux дизайна на практике от Udemy

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

37. Веб дизайн в Figma 2023 – с нуля до результата, основы UX/UI от Udemy

Курс, направленный на развитие практических навыков UI-дизайнера, в меньшей мере он касается UX. Автор на практике ознакомит вас с Figma и Photoshop для веб-дизайна, основами адаптации интерфейсов под разные экраны, принципами взаимодействия с заказчиком. После прослушивания лекций и решения заданий получите диплом.

38. Основы программы Figma для веб-дизайнера с нуля до профи от Udemy

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

Смежные по теме курсы

1. Профессия UX/UI-дизайнер от Skillbox

Стоимость: с учётом скидки 40% – 5 632 ₽/мес. при рассрочке на 31 месяц, первый платёж спустя полгода.

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

2. Профессия UX/UI-дизайнер от Productstar

Стоимость: от 5792 ₽ × 24 мес. или 129 000 ₽ сразу.

За 9 месяцев школа обещает сделать из абсолютных новичков в программировании junior-специалистов, освоивших все инструменты UX/UI-дизайнера. Занятия проходят на собственной платформе школы. 70% обучения состоит из практических заданий, основанных на реальных кейсах. Студенты могут рассчитывать на поддержку ментора, рассылку их резюме партнерам и стажировку в крупных компаниях. К окончанию учебы у вас будет 10 проектов в портфолио и электронный сертификат.

3. Профессия Графический дизайнер от Productstar

Стоимость: 5792 ₽ × 24 мес. или 129 000 ₽ сразу.

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

4. Профессия графический дизайнер от Contented

Стоимость: 5434 ₽ × 24 мес. или 130 410 сразу.

На курсе освоите Photoshop, Figma, Illustrator, получите навыки поиска клиентов и общения с ними. Теория подается в коротких видеоуроках, после которых следуют практические задания. ДЗ подробно разбираются менторами. Можно общаться в чате с однокурсниками, сдвигать дедлайны или поставить учебу на паузу. Специалисты карьерного центра доведут ваше резюме до идеала, дадут список актуальных вакансий и свяжут с потенциальными работодателями.

5. Веб-дизайнер: расширенный курс от Нетология

Стоимость: со скидкой 40% – 5 783 ₽/мес. при рассрочке на 2 года или 131 900 ₽ (-5%).

12-месячная программа с выдачей диплома, трудоустройством и минимум 11 крупными проектами для портфолио. Вы освоите стек основных инструментов дизайнера, получите доступ к бонусным материалам по HTML, адаптивной вёрстке, трудоустройству и деловому английскому. Обучение проводят эксперты-практики из ведущих IT-компаний мира и российских банков.

6. Профессия «Графический дизайнер» от Логомашина

Стоимость: от 4 330 ₽/мес. при рассрочке на 3 года.

Асинхронный практикум для начинающих и специалистов со сфер, где нужны знания Figma. На нём получите теоретические знания и практические навыки для работы над ТЗ реальных заказчиков. В конце обучения получите диплом, бессрочную подписку на семинары и 12 месяцев поддержки от наставника, а также вероятность поупражняться за симулятором работы дизайнера.

7. Профессия UX/UI-дизайнер от Contented

Стоимость: 5198 ₽ × 24 мес.

За 8,5 месяцев учебы освоите основные и продвинутые функции редактора Figma, научитесь создавать красивые и удобные интерфейсы сайтов и приложений. Занятость студентов — около 10 часов в неделю. Сюда входят короткие видеоматериалы с теорией и практическая работа в виде проверяемых домашних заданий.

Школа дает возможность отсрочить сдачу ДЗ, вовсе убрать дедлайны или приостановить курс. Учебные материалы останутся вашими навсегда. В стоимость курса входит стажировка в IT-компании, карьерные консультации и предоставление выпускникам списка актуальных вакансий.

8. Профессия Веб-дизайнер от Skillbox

Стоимость: со скидкой 40% – 4 800 ₽/мес. при рассрочке на 25 месяцев минус налоговый вычет 13%.

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

9. Графический дизайнер с нуля до Junior от GeekBrains

Стоимость: от 3 557 ₽/мес. при рассрочке на 3 года.

Программа курса поможет получить востребованную профессию новичкам в IT или сменить специализацию. Для достижения уровня Junior потребуется год обучения, причем через 8 месяцев студенты проходят стажировку, а через 9 — могут трудоустроиться. К вашим услугам поддержка наставника в вопросах обучения и комьюнити-менеджера в сфере интеграции в среду студенчества. Бонус для слушателей курса — годичный доступ к платформе изучения английского языка в подарок.

10. Мобильный дизайн в продуктовой разработке от Среда обучения

Стоимость: от 11 667 ₽ × 6 мес.

Курс рассчитан на начинающих дизайнеров без опыта, а также специалистов, которые хотят расширить свои навыки в сфере продуктового дизайна или сменить квалификацию. Длительность программы — 5 месяцев. Лекции, практикумы, воркшопы проходят онлайн в реальном времени, от студента требуется выполнять практические и домашние работы. Преподаватели дают обратную связь в чате и на вебинарах. Студенты получат доступ к записи занятий на год, два коротких курса по дизайну — в подарок, а также кейс в портфолио и удостоверение о повышении квалификации.

11. Онлайн-курс Веб-дизайнер с нуля от Бруноям

Стоимость: 4 158 ₽ × 12 мес.

За 5 месяцев вы овладеете навыками работы с анимацией, создания удобных сайтов и презентации идей заказчику. График занятий студент выбирает сам, все материалы собраны на платформе школы. Домашние задания имеют три уровня сложности, наставник дает фидбэк по ним в течение суток и остается на связи еще год после завершения курса. Карьерный трек предусматривает поддержку в трудоустройстве студентов, сдавших все проекты. Можно вернуть 13% стоимости учебы через налоговый вычет либо всю сумму в течение месяца после оплаты.

12. Основы графического дизайна от Нетология

Стоимость: со скидкой 30% – 2 990 ₽/мес. при рассрочке на 2 года или 68 200 ₽ (-5%) минус 13% налоговый вычет.

Четырёхмесячный курс, благодаря которому сделаете первые шаги в графическом дизайне, освоите Figma и программы от Adobe. Вас ожидает 54 часа лекций и свыше 80 часов практических занятий: создание прототипов, рекламных баннеров, анимации под руководством куратора. Для облегчения трудоустройства выпускников школа выдаёт именные удостоверения.

13. Веб-дизайнер от Eduson Academy

Стоимость: 1 966 ₽/мес. × 12.

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

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

Курс по работе в Figma от Tilda School

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

Создайте свой первый дизайн за 3 дня от Contented

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

Figma. Начальный уровень от GeekBrains

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

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

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

Бесплатный подробный курс по Фигме

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

Уроки Figma

13 уроков разной длительности от экспертов с Moscow Digital Academy, в которых они научат работать в Фигма: делать прототипы, страницы различных сайтов, анимацию по правилам веб-дизайна.

Курс “Дизайн интернет-магазина в Figma”

Канал станет полезным, если намереваетесь создать площадку для ведения бизнеса в интернете. Автор научит разрабатывать прототипы, создавать разные страницы UI-кит и покажет, что делать с готовым макетом

Проектирование и дизайн мобильного приложения

Видеокурс представлен 15-ю ~20-минутными видеоуроками, где освоите принципы создания прототипов мобильных приложений, оживите макет, проработаете логику продукта. Также разработаете собственную дизайн-систему при помощи вариативных компонентов и Auto Layout.

Дизайн многостраничного сайта в Figma

Подробный видеокурс по теме создания сложных сайтов. На нём разработаете прототипы и отрисуете адаптивные версии макета с применением сетки Bootstrap. Научитесь работать с Auto Layout при создании кнопок и компонентов для разработки дизайн-систем.

Полезные ссылки

Adobe Color – сервис подбора цвета.

Горячие клавиши на русском языке.

Публикации по программе на Habr.

Каталог шрифтов, в том числе кириллических.

Подробная инструкция по Figma от Tilda Education.

Руководство по программе в PDF.

Самоучитель от Skillbox.

Плагины

Arc plugin – сгибание текста.

Beautiful Shadows – добавление теней для любых элементов.

BrandFetch – поиск иконок брендов.

Chart – создание графиков.

Color Palette – цветовые палитры.

Figmotion – создание анимаций.

Gradient Bob – генератор декоративных элементов.

HTML <> Figma – экспорт проектов в HTML.

LilGrid – наведение порядка внутри фреймов.

Mockuuups Studio – 700+ объемных мокапов для презентаций.

Social media kit – набор элементов с готовыми размерами для социальных сетей.

Table Generator – простое создание таблиц.

Typograf – сделает тексты красочными.

Vectary 3D Elements – придание объёма объектам.

Vector Maps – работа с картами в формате SVG.

Библиотеки, графика

Background Blur – градиенты для фона.

Figma Community – официальное комьюнити с тысячами бесплатных шаблонов, наборов для создания UI, плагинов, иконок.

Iconfinder – значки, иллюстрации, стикеры.

Paaatterns – геометрические паттерны.

Pixabay – каталог видео, звуков, стоковых картинок для проектов: иллюстрации, иконки, GIF, векторная графика.

Usabilla, Useberry – сервисы тестирования прототипов.

Телеграм-каналы

Веб дизайн в Figma.

Книги для дизайнеров.

Макеты Figma.

Только Figma – всё для графического редактора и о нём.

Figma | Дизайн – всё о программе: советы, плагины, библиотеки, ссылки на полезные ресурсы, материалы.

Figma Design – крупнейший канал по Figma.

Now Channel – обзоры сайтов с крутым дизайном.

Книги

Искусство цвета Иоханес Иттен.

Дизайн – это работа, Майк Монтейро.

Универсальные принципы дизайна, Уильям Лидвелл, Критина Холден.

100 главных принципов дизайна. Как удержать внимание, Сьюзан Уэйншенк.

Как сделать сайт удобным, Стив Круг.

Веб-дизайн. Элементы опыта взаимодействия, Джесс Гарретт.

Эмоциональный веб-дизайн, Аарон Уолтер.

(FAQ) Часто задаваемые вопросы

Сколько получает дизайнер, владеющий Figma?

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

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

• без опыта: 30 – 40 тысяч ₽/мес.;
• имеющие 1 – 3 года стажа: 50 – 80 тысяч ₽/мес.;
• с опытом 3 – 6 лет: 70 – 200 тысяч ₽/мес.;
• эксперты, проработавшие свыше 6 лет: 120 – 250 тысяч ₽/мес.

Это усреднённые цифры по стране. В столичном регионе и крупных городах предлагают больше, в глубинке порой едва выходят на нижнюю планку. Также многое зависит от умений, опыта дизайнера, уровня его подготовки, включая владение другими инструментами. На фрилансе даже начинающий разработчик с опытом несколько месяцев или обучающийся на курсах может получать 20 – 60 тысяч рублей ежемесячно.

Кому стоит изучать Figma?

Перечень специалистов, которым понадобятся возможности Фигма, обширный. Среди основных отметим UI/UX (проектировщиков интерфейсов сайтов и приложений), графических, веб-дизайнеров, маркетологов, блогеров. С помощью приложения можно делать эффектные презентации, различные макеты, оформлять страницы в социальных сетях, чем пользуются люди, ведущие бизнес через интернет. Программу применяют SMM-специалисты, маркетологи, разработчики визуала для брендов и продуктов. Также Figma актуальна в полиграфии, менеджменте, системной аналитике, научной деятельности, среди контент-менеджеров, разработчиков игр и приложений (frontend).

Canva или Figma: что лучше, что выбрать?

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

Canva – средство для создания баннеров, плакатов, открыток, презентаций, графики для социальных сетей.

В Figma преимущественно проектируют пользовательские интерфейсы.

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

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

Canva позволяет делиться проектами где угодно, состоит из четырёх категорий, Фигма – только рассылать ссылки на них, представлена множеством приложений, при этом поддерживает плагины и виджеты. У Канва количество шаблонов в библиотеке перевалило за 600 000, у Фигма их на три порядка меньше.

В остальном программы отличаются слабо.

Реклама. Информация о рекламодателе по ссылкам в статье.