В статье собрали хорошие бесплатные и платные курсы по фигме, где можно разобраться в редакторе и научится создавать в нем инфографику, иллюстрации, дизайны и прототипы сайтов и приложений.
Название школы | Длительность | Стоимость |
---|---|---|
Нетология | 6 занятий | бесплатно |
Skillbox | 8 недель | 4 796 ₽/мес с рассрочкой, 28 780 ₽ |
Productstar | 2 месяца | 1 663 ₽/мес с рассрочкой, 39 900 ₽ |
Яндекс.Практикум | 3 недели | 488 ₽/мес с рассрочкой, 9 500 ₽ |
Contented | 2 недели | 9 000 ₽ |
Interra | 4 урока | 10 000 ₽ |
ItProger | 8 видеоуроков | бесплатные уроки, практические задания доступны по подписке от 600 ₽/мес |
BeOnmax | 9 часов | подписка от 99 ₽/мес |
PentaSchool | 3 месяца | от 4 750 ₽/мес с рассрочкой, 19 000 ₽ |
HEDU | 3 часа | от 1 699 ₽ |
Breezzly | 43 видеоурока, 4 часа практики | 4 000 ₽ |
Максим Кузнецов | 16 часов | 3 331 ₽/мес с рассрочкой, 19 990 ₽ |
Moscow Digital Academy | 13 видеоуроков | бесплатно |
Алексей Бычков | 23 видеоурока | бесплатно |
Наука дизайна | 15 видеоуроков | бесплатно |
Денис Тимошицкий | 28 видеоуроков | бесплатно |
praktika.school | 10 уроков по 30 минут | 9 590 ₽ |
GloryANT | 31 видеоурок | бесплатно |
Stepik | 107 уроков, 13 часов видео | 1 390 ₽ |
- «Основы Figma» от Нетологии
- «Figma с нуля до PRO» от Skillbox
- «Основы продуктового дизайна: Figma» от Productstar
- «Основы дизайна в Figma» от Яндекс.Практикум
- «Онлайн-курс Figma» от Contented
- «Создание сайта в Figma» от Interra
- «Уроки Figma» от ItProger
- «Figma с нуля до профессионала» от BeOnmax
- «Дизайн интерфейсов в Figma» от PentaSchool
- «Онлайн-курс по Figma» от HEDU
- «Веб-дизайн и дизайн интерфейсов в Figma» от Breezzly
- «Супер Figma» от Максима Кузнецова
- «Уроки по Figma» от Moscow Digital Academy
- «Бесплатный подробный курс по Фигме» от Алексея Бычкова
- «Подробный курс по Figma» от Науки Дизайна
- «Уроки Figma» от Дениса Тимошицкого
- «Веб-дизайн в Figma от шейпов до интерфейсов» от practika.school
- «Уроки Figma» от GloryANT
- «Веб-дизайн в Figma с нуля до результата. Основы UX/UI Web Design» от Stepik
- Что дальше
«Основы Figma» от Нетологии
Сайт: https://netology.ru.
Цена: бесплатно.
Длительность и формат: 6 занятий. Видеолекции, практические занятия.
Туториал для новичков и начинающих дизайнеров, разберетесь, как работать с ключевыми инструментами Figma, выполните два самостоятельных задания и получите начальные знания для работы в Figma.
Преимущества:
- Бессрочный доступ к лекциям и учебным материалам.
- Поддержка и общение в комьюнити студентов и экспертов.
- План развития в профессии.
- Кейсы для портфолио.
Преподаватель: Карен Ананян – UX/UI дизайнер, работал с Changellenge, Гарантийным фондом Ростовской области, McDonald’s и крупными застройщиками юга России.
Программа обучения и чему научитесь:
- Управление интерфейсом Figma. Разберете базовый интерфейс Figma, поймете, как настраивать и работать с ним на разных панелях, делиться файлами и находить нужную информацию в онлайн-редакторе.
- Создание фреймов и объектов. Выясните, как создавать фреймы и геометрические объекты, работать с цветом, текстом и фото.
- Текст, сетка, адаптивный дизайн. Разберете, как управлять текстовыми слоями и привязками, пользоваться сеткой для фрейма, сможете создать адаптивную версию страницы.
См. также: 20 отличных курсов, где можно пройти обучение на веб-дизайнера сайтов и приложений начинающим.
Другие курсы школы:
- Бесплатно Насмотренность в UX/UI и веб-дизайне – на онлайн-интенсиве познакомитесь с принципами UX/UI-дизайна, погрузитесь в задачи веб дизайнера, сможете самостоятельно оценивать дизайн по чек-листу.
- Бесплатно Обзор главных инструментов дизайнера – получите начальные навыки по ключевым графическим редакторам: Photoshop, Figma, Illustrator, After Effects.
- UX/UI-дизайнер – сможете создавать креативный и интуитивно понятный дизайн мобильных и веб-интерфейсов.
- Веб-дизайнер – за 6 месяцев обучитесь разработке дизайн-макеты в Figma и созданию полноценных сайтов в Tilda.
Почитали отзывы на tutortop.ru и sravni.ru. Ученикам понравились практические занятия, оценили профессионализм экспертов и качество обратной связи.
«Figma с нуля до PRO» от Skillbox
Сайт: https://skillbox.ru.
Цена: 4 796 ₽/мес с рассрочкой на 6 месяцев, 28 780 ₽ за весь курс.
Длительность и формат: 8 недель. Онлайн-лекции, практические задания.
Освоите работу в фигме, поймете, как готовить адаптивные макеты и добавлять интерактив в прототипы, сможете создавать компоненты и библиотеки стилей, выясните, как использовать плагины. Курс для новичков и веб дизайнеров без опыта в Фигме.
Преимущества:
- Практика на реальных кейсах.
- Доступ к курсу навсегда.
- Лайфхаки от профессиональных дизайнеров.
Преподаватель: Юлия Соловьева – дизайнер, арт-директор веб-бюро «Синий Муравей», сотрудничала с L’Oreal, ЛСР, «Сколково» и другими.
Программа обучения и чему научитесь:
- Знакомство с Figma. Разберетесь в интерфейсе и базовых настройках, поймете, как использовать геометрические фигуры, слои, текстовые поля.
- Иконки, картинки, иллюстрации. Обучитесь созданию собственных иконок и обработке изображений с помощью внутренних компонентов фигмы, поймете, как делать дизайн-макеты с нуля.
- Компоненты. Сможете создавать компоненты и пользоваться панелью настроек, выясните, как делать интерактивные прототипы.
- Библиотеки компонентов и общие стили. Разберетесь в создании библиотек стилей и UI Kit, чтобы стандартизировать элементы интерфейса, сможете верстать макеты с помощью модульных сеток.
- Auto Layout и Variants. Поймете, как объединять макеты в единую систему с помощью функции Variants, создавать сложные элементы интерфейса и адаптировать их под разные устройства.
- Сложные многостраничные документы. Разберетесь, как работать с базовыми экранами и создавать дерево страниц, освоите бета-функцию Branches.
- Дополнительные возможности, подготовка макета для разработчиков. Овладеете плагинами для быстрого создания драфтовых проектов, обучитесь добавлению анимации в прототипы и оптимизированию работы команды с помощью плагина Figma Jam.
Это может быть интересно: Отличные онлайн-курсы для иллюстраторов, где можно пройти обучение с нуля.
Работы преподавателя:
Другие курсы школы:
- UX-дизайнер с нуля до PRO – сможете проводить UX-исследования, проектировать удобные интерфейсы, создавать дизайн на основе данных.
- Веб-дизайн с нуля до PRO – поймете, как создавать дизайн сайтов с Figma, делать адаптивные макеты, удобные интерфейсы и несложную анимацию.
- UX/UI-дизайнер – разберетесь, как проектировать интерфейсы, проводить UX-исследования, пользоваться фигмой, улучшать опыт пользователя и развивать продукты на основе данных.
- Продуктовый дизайнер – поймете, как проводить исследования, разрабатывать дизайн в рамках ограничений, сможете управлять вниманием пользователя, создавать дизайн мобильных приложений и анимировать интерфейсы.
- Веб-дизайн 3.0 – на практике освоите базовые принципы веб-дизайна, овладеете фигмой, Adobe Photoshop и After Effects, сможете создавать дизайн для разных площадок.
Изучили отзывы на tutortop.ru, progbasics.ru и katalog-kursov.ru. Студенты отмечают практическую пользу обучения, понравилась работа экспертов и кураторов.
«Основы продуктового дизайна: Figma» от Productstar
Сайт: https://productstar.ru.
Цена: 1 663 ₽/мес с рассрочкой на 24 месяца, 39 900 ₽ за весь курс.
Длительность и формат: 2 месяца. Видеоуроки, домашние задания, консультации с наставником.
Познакомитесь с основными функциями Figma, освоите работу с плагинами, live device preview, анимацией и интерфейсами, изучите походы к созданию MVP, разберете кейсы и ошибки быстрой проверки гипотез, сможете собирать mock-up и проводить юзабилити-тестирование. Курс подходит для изучения с нуля.
Преимущества:
- Сертификат о прохождении курса.
- Доступ к материалам навсегда.
- Практика на реальных кейсах.
Преподаватели:
- Артем Шитов – старший продуктовый дизайнер в Mail.ru Group.
- Максим Около-Кулак – Product design engineer в Linen App.
Программа обучения и чему научитесь:
- Базовые действия в Figma. Поймете, как создавать объекты, использовать изображения, работать с текстом и масками.
- Отрисовка элементов интерфейса, локальные библиотеки. Освоите работу со слоями, рассмотрите плагин Smart Selection, цвет и текст в библиотеке, познакомитесь с базовыми элементами.
- Прототипирование и анимация, констрейнты и компоненты. Выясните, как связывать экраны в прототип, овладеете простейшей анимацией между экранами и Smart-animate, поймете, как использовать автолейаут, компоненты, констрейнты и сетки.
- Варианты и библиотеки. Изучите варианты компонентов, познакомитесь с библиотеками, рассмотрите основы дизайн-систем.
- Figma Community. Получите знания по UI-китам и шаблонам, поймете, как работать с текстом, плагинами с иконками, сможете выделять слои и делать скриптинг.
- Подготовка макетов для работы в команде. Обучитесь отрисовке UML схемы выбранного сервиса, изучите плагин Auto Flow.
Видео о платформе школы:
Ваш сертификат:
Другие курсы школы: UX/UI-дизайнер – сможете проектировать интерфейсы, работать в Фигме и Тильде, улучшать пользовательский опыт.
Нашли отзывы на progbasics.ru. Студенты оценивают качество учебных программ, понравилось большое количество практики, отмечают обратную связь и практическую пользу курсов.
«Основы дизайна в Figma» от Яндекс.Практикум
Сайт: https://practicum.yandex.ru.
Цена: 488 ₽/мес с рассрочкой на 24 месяца, 9 500 ₽ за весь курс.
Длительность и формат: 3 недели. Изучение теории, практические задания в интерактивном учебнике и в Figma.
Рассмотрите разные направления дизайна, познакомитесь с основами дизайна и на практике отработаете новые навыки, освоите Figma. Курс для новичков без опыта, которые хотят попробовать себя в дизайне и тех, кто работает в IT и хочет получить дополнительные навыки.
Преимущества:
- Свидетельство о прохождении курса.
- Практика на тренажерах и реальных задачах.
- Полноценный проект в портфолио.
- Начать учиться можно бесплатно.
- Скидка на дальнейшее обучение в школе на других курсах дизайна.
- Возврат денег, если обучение не подошло.
- Есть государственная лицензия и налоговый вычет.
Программа обучения и чему научитесь:
- Вводный курс и знакомство. Выясните, что такое дизайн, какие дизайнеры существуют и что они делают, поймете, почему инструмент Figma популярен у дизайнеров, сделаете первые шаги в Фигме, познакомитесь с интерфейсом и способами организации совместной работы.
- Основы дизайна. Познакомитесь с типографикой, колористикой и композицией, будете редактировать макеты дизайн продуктов в Фигме.
- Дизайн, который передает смыслы. Получите навыки графического дизайнера, разберетесь в специфике разных элементов дизайна, прочитаете первые брифы, выясните, как использовать шейпы, фреймы, изображения и компоненты в Figma.
- Дизайн, который создает опыт. Обучитесь полезным фишкам Фигмы, попробуете себя в роли дизайнера интерфейсов, поймете, как создавать интерфейсы, получите навык использования Community в Figma, функции auto layout, узнаете, как сделать прототип в Фигме интерактивным.
Другие курсы школы:
- Дизайнер интерфейсов – сможете исследовать конкурентов и ЦА, тестировать гипотезы, проектировать визуальную часть сайтов, мобильных приложений и сервисов, продумывать пользовательские сценарии и делать интерфейс интуитивно понятным.
- Продуктовый подход для дизайнеров – сможете проводить качественные исследования, создавать интерактивные прототипы в Фигме, тестировать и улучшать дизайн.
Студентам нравится работа кураторов и экспертов, к преимуществам относят тренажеры для практики. Больше отзывов на tutortop.ru, katalog-kursov.ru и okursah.ru.
«Онлайн-курс Figma» от Contented
Сайт: https://contented.ru.
Цена: 9 000 ₽.
Длительность и формат: 2 недели. Видеоуроки, практические задания с обратной связью.
Узнаете, как создавать прототипы сайтов, баннеры и интерфейсы приложений в Фигме. Курс подходит для изучения с нуля, для тех, кто хочет определиться с направлением в дизайне, желающих освоить графический, веб, UX/UI дизайн или прокачать уже имеющиеся навыки.
Преимущества:
- Электронный сертификат о прохождении курса.
- Доступ к курсу навсегда.
- 2 кейса в портфолио.
Преподаватель: Моисей Любарский – art-director в Enlighted Digital, запускает стартапы и разрабатывает digital продукты для Black Star Burger, Hyundai, Toyota, Skoda, X5 Retail Group, РЖД и других.
Программа обучения и чему научитесь:
- Модуль 1. Познакомитесь с интерфейсом и возможностями Figma, освоите Frame и Group, овладеете hape tool, Drawing tools и эффектами.
- Модуль 2. Освоите дизайн-систему, познакомитесь с особенностями стилей, текста, цветов и теней, узнаете, как создавать кликабельные прототипы и адаптировать их под разные устройства, рассмотрите компоненты в Фигме
Другие курсы школы:
- Бесплатно Дизайн на Figma – туториал по основам Figma, прокачаете навыки дизайнера, начнете прямой путь в дизайн, создадите иконку и баннер.
- UX/UI-дизайнер с нуля до про – получите навыки создания эффектного дизайна онлайн-сервисов и мобильных приложений на профессиональном уровне, поймете, как работать в Фигме.
- Веб-дизайнер – сможете с нуля создавать уникальные сайты с эффектным дизайном и продуманным UI, освоите Figma, обучитесь созданию лендингов на Tilda.
- UX/UI-дизайнер буткемп – интенсивный курс, полное погружение в профессию за 9 недель.
Почитали отзывы на tutortop.ru, katalog-kursov.ru и progbasics.ru. Студентам понравилось большое количество практики, оценили обратную связь и работу экспертов. Отмечают практическую пользу обучения.
«Создание сайта в Figma» от Interra
Сайт: https://edu.interra.bz.
Цена: 10 000 ₽.
Длительность и формат: 4 видеоурока, практические задания.
Обучитесь разработке дизайна интернет-сайтов и веб-приложений, поймете, как выстраивать коммуникацию с аудиторией через дизайн, рассмотрите принципы веб-дизайна, сможете уверенно пользоваться Figma. Курс для новичков, специалистов в сфере digital и владельцев бизнеса.
Преимущества:
- Сертификат о прохождении курса.
- Доступ к курсу навсегда.
- План развития в профессии «веб-дизайнер» в подарок.
Преподаватель: Екатерина Космович – ведущий веб дизайнер студии ONE PAGE, опыт в разработке сайтов с 2018 года, в графическом дизайне с 2012 года, среди клиентов Газпром, Adidas, Технониколь.
Программа обучения и чему научитесь:
- О профессии и что такое посадочная страница. Узнаете, кто такой веб дизайнер и какие у него задачи, поймете, как оценивать качество дизайна, выясните, что такое посадочная страница и создадите первый прототип.
- Знакомство с Figma. Изучите интерфейс Фигмы, узнаете, как и где искать качественные фотографии и как работать с ними в Фигме, поймете, где находить иконки и как интегрировать их в макет, соберете главный экран лендинга в Фигме.
- Композиция и типографика. Изучите основные понятия в дизайне, выясните, как пользоваться плагинами, где искать и как устанавливать их в Фигме, создадите экран лендинга с формой обратной связи.
- План развития в карьере. Узнаете, что нужно делать, чтобы стать профессиональным дизайнером, поймете, как создать портфолио и где искать заказчиков.
Ваш сертификат:
Другие курсы школы:
- Бесплатно Старт в профессии Веб-дизайнер – туториал для тех, кто хочет понять, кто такой веб-дизайнер, познакомитесь с Фигмой, изучите основы дизайна.
- Веб-дизайнер – освоите дизайн на продвинутом уровне, получите навыки по Figma, Tilda, Photoshop.
Почитали отзывы на tutortop.ru, katalog-kursov.ru и sravni.ru. Студенты отмечают большое количество практики, работу экспертов и практическую пользу учебных программ. Некоторым не понравилось оформление материала, не хватило обратной связи от куратора.
«Уроки Figma» от ItProger
Сайт: https://itproger.com.
Цена: бесплатно, практические задания доступны по подписке от 600 ₽/мес.
Длительность и формат: 8 видеоуроков, дополнительные материалы, практические задания.
Туториал для начинающих, познакомитесь со всеми возможностями Фигмы, поймете, как создавать UI/UX дизайн для мобильных и веб-приложений.
Преимущества:
- Практика на реальном проекте.
- Бессрочный доступ к дополнительным материалам.
Программа обучения и чему научитесь:
- Создание дизайна UI/UX. Узнаете, что такое Фигма и почему она популярна у дизайнеров, поймете, как использовать основные инструменты редактора на практике.
- Фреймы, объекты и рисование. Начнете разрабатывать дизайн проект в Фигме, выясните, как создавать фреймы, добавлять Grid систему, расставлять объекты и рисовать их самостоятельно.
- Работа с изображениями. Сможете добавлять изображения в проект и поработаете с эффектами для них, поймете, как выполнять буллевые операции над объектами.
- Текстовые надписи, иконки, слои. Сможете пользоваться стилями, шрифтами, поймете, где искать иконки и как создавать их самостоятельно, получите навык работы со слоями в Фигме.
- Дизайн новой страницы. Узнаете, как создать множество фреймов для разработки разных частей дизайна, сможете создавать страницы и перемещать на них объекты.
- Компоненты, прототипирование и маски. Узнаете, как применять технологию компонентов, рассмотрите методы отправки проекта заказчику.
- Работа в команде, тестирование проекта и экспорт. Выясните, как создавать команды в Фигме, отправлять ссылки на проект, тестировать его и экспортировать.
- Разработка веб-страницы. Создадите привлекательный дизайн для сайта с курсами, разработаете навигацию, основную часть шапки и секцию с характеристиками.
Первый урок:
Нашли отзывы на katalog-kursov.ru. Студентам нравится организация обучения и структурированность материала. Некоторым не хватило обратной связи.
«Figma с нуля до профессионала» от BeOnmax
Сайт: https://beonmax.com.
Цена: подписка от 99 ₽/мес.
Длительность и формат: 9 часов. Видеоуроки, практические задания.
Подробный курс для знакомства с Figma с нуля, рассмотрите интерфейс и инструменты Фигмы, познакомитесь с фреймами, компонентами, системой сеток и направляющих, плагинами, овладеете прототипированием и атомарным дизайном.
Преимущества:
- Кейсы для портфолио в процессе учебы.
- Сертификат о прохождении курса.
Преподаватель: Евгений Марфель – практикующий веб дизайнер и разработчик сайтов.
Программа обучения и чему научитесь:
- Основы Figma. Познакомитесь с интерфейсом Фигмы, рассмотрите файлы Sketch, поймете, как сохранять и передавать файлы.
- Инструменты Figma. Изучите горячие клавиши, поймете, как использовать изображения и текст, выравнивать объекты, познакомитесь с масками и эффектами, фреймами и булевыми группами.
- Профессиональные инструменты Figma. Выясните, как пользоваться плагинами, стилями, изучите constraints, познакомитесь с сетками, компонентами, auto layout.
- Создание своей библиотеки компонентов. Овладеете основами атомарного дизайна, поймете, что должно быть в вашей библиотеке.
- Прототипирование в Фигме. Изучите функции и свойства Prototype, анимации в Smart Animate, рассмотрите возможности прототипирования и эффекты взаимодействия внутри приложения.
Видео о курсе:
Другие курсы школы:
- Веб-дизайн в Figma. Основы UX/UI дизайна на практике – изучите основы дизайна, отточите умение работать в Фигме, отработаете навыки дизайнера на практике.
- Веб-дизайн в Figma: продвинутый уровень – разберете процесс создания реального UI Kit в Фигме, узнаете, как пользоваться продвинутыми инструментами веб дизайна.
Почитали отзывы на https://progbasics.ru/schools/beonmax/reviews и в комментариях к курсу. Студентам нравится организация обучения на платформе, оценивают работу эксперта и практическую пользу курса. Некоторые отмечают, что иногда приходилось самостоятельно искать информацию.
«Дизайн интерфейсов в Figma» от PentaSchool
Сайт: https://pentaschool.ru.
Цена: от 4 750 ₽/мес с рассрочкой, 19 000 ₽ за весь курс.
Длительность и формат: 3 месяца. Видеоуроки, практические задания с обратной связью, дополнительные материалы.
Изучите основные инструменты и возможности Фигмы для дизайнера, познакомитесь с типографикой, цветом, композицией при создании прототипов, овладеете принципами использования векторной и растровой графики в фигме, рассмотрите правила адаптивной верстки.
Курс подойдет новичкам для изучения с нуля, начинающим веб дизайнерам, графическим дизайнерам, которые хотят расширить список своих услуг, опытным дизайнерам, желающим добавить в портфолио новые проекты.
Преимущества:
- Сертификат о прохождении курса.
- Кейсы для портфолио к моменту выпуска.
- Есть государственная лицензия и налоговый вычет.
- Бессрочный доступ к материалам курса.
- Доступ к библиотеке вебинаров на время курса и 90 дней после выпуска.
Преподаватели:
- Павел Ярец – дизайнер с опытом 15 лет, был ведущим дизайнером в корпорации «Юнитекс», занимался разработкой дизайна упаковки в компании HUADA TOYS в КНР.
- Мария Николаева – руководитель отдела дизайна в Peter Partner, опыт работы дизайнером 11 лет, ведет ключевые UI/UX проекты в компании, разрабатывает брендинг и корпоративный сайт, проектирует дизайн мобильных и веб-приложений.
- Сергей Непримеров – продуктовый дизайнер в Reliz Itd, опыт в сфере дизайна 7 лет, работает над проектами международного уровня в разных отраслях, занимается разработкой пользовательских интерфейсов и их анимацией.
Программа обучения и чему научитесь:
- Основы Figma. Рассмотрите интерфейс и основные инструменты фигмы, выясните, как оформить мудборд в FigJam, создать User-flow для лендинга, разберетесь с UI, UX и адаптивным дизайном.
- Дизайн сайтов в Figma. Получите навык создания многостраничных сайтов и их интерактивных прототипов, рассмотрите основные типы страниц, векторную и растровую графику, изучите принципы юзабилити.
- Дизайн мобильных приложений в Figma. Обучитесь сборке основных экранов мобильных приложений, настройке компонентов и созданию интерактивных прототипов.
Ваш сертификат:
Другие курсы школы:
- Основы дизайна интерфейса – изучите базовые понятия и законы дизайна, овладеете основами UX-проектирования и UI-дизайна, освоите инструменты Figma.
- Профессиональный дизайн сайтов – сможете создавать с нуля UX и UI прототипы лендингов, узнаете особенности веб-платформ, освоите Figma, Tilda, Adobe Photoshop.
- UX/UI дизайнер – сможете создавать удобные и понятные сайты, разрабатывать дизайн мобильных приложений, освоите Figma, Tilda, Adobe Photoshop.
Студенты оценили актуальность учебных материалов, большое количество практики, интересную подачу и профессионализм экспертов. Больше отзывов на tutortop.ru, katalog-kursov.ru и otzyvmarketing.ru
«Онлайн-курс по Figma» от HEDU
Сайт: https://irs.academy.
Цена: от 1 699 ₽ в зависимости от тарифа.
Длительность и формат: 3 часа. Видеолекции, тестирования, практические домашние задания с обратной связью.
Выясните, как эффективно использовать инструменты Figma, сможете создавать приложения, сайты, лендинги. Курс подойдет для новичков, начинающим и практикующим дизайнерам, фрилансерам и всем, кого интересует фигма.
Преимущества:
- Сертификат о прохождении курса.
- Кейсы для портфолио к моменту выпуска.
- Бессрочный доступ к материалам и обновлениям курса.
Преподаватель: Александр Михайлов – более 10 лет занимается Web, UX/UI-дизайном, действующий дизайнер компании LUNA App, создает приложения и сервисы в фигме.
Программа обучения и чему научитесь:
- Знакомство с Figma. Познакомитесь с интерфейсом Фигмы, изучите основы работы в программе, выясните, в чем ее преимущество для дизайнера.
- Возможности Figma. Изучите все особенности и свойства инструментов Фигмы.
- Компоненты и прототипирование. Исследуете нюансы и скрытые фишки Фигмы, рассмотрите возможности крутого прототипирования интерфейса.
- Дизайн сайта. Изучите этапы создания сайта, поймете, как они взаимосвязаны.
Ваш сертификат:
Другие курсы школы:
- Курс UX-дизайна – освоите инструменты дизайн-мышления, обучитесь разработке мобильных приложений, сервисному дизайну, прототипированию, юзабилити-тестированию, сможете проектировать пользовательский опыт.
- Курс веб-дизайна с нуля – сможете создавать макеты сайтов, разрабатывать дизайн лендингов, логотипов, баннеров, презентаций, освоите инструменты дизайнера.
Изучили отзывы на tutortop.ru и okursah.ru. Студентам понравились практические задания, отмечают качество поддержки от кураторов. У некоторых возникли проблемы с получением доступа к курсам после оплаты.
«Веб-дизайн и дизайн интерфейсов в Figma» от Breezzly
Сайт: https://breezzly.ru.
Цена: 4 000 ₽.
Длительность и формат: 43 видеоурока, 4 часа практики.
Освоите Figma, изучите основы веб-дизайна, UI-дизайна интерфейсов приложений, на основе UX-исследований, выполните проекты по дизайну сайтов и приложений, освоите систему дизайна. Курс подойдет новичкам и начинающим веб дизайнерам.
Преимущества:
- Практика на реальных кейсах.
- 4 проекта для портфолио.
- Бонусные уроки.
- Доступ к обновлениям курса.
- Приглашение в тематический чат в Telegram об интерактивном дизайне.
- Возможность попробовать курс бесплатно.
Преподаватель: Анастасия Свеженцева – продуктовый дизайнер (UX/UI), веб-дизайнер, бренд дизайнер, в сфере дизайна с 2015 года.
Программа обучения и чему научитесь:
- Проект 1. Веб-сайт студии интерьера. Освоите ключевые возможности Фигмы, познакомитесь с системой визуального дизайна диджитал продуктов, дизайном интерфейсов и основами создания интерактивных прототипов.
- Проект 2. Приложение для смарт-часов. Освоите комплексный процесс дизайна приложения от исследования целевой аудитории и выявления ключевого сценария (JOB) до проектирования CJM и создания интерактивного прототипа с бренд-дизайном.
- Проект 3. Мобильное приложение для ухода за домашними джунглями. Овладеете системным подходом к редизайну мобильных приложений от UX-аналитики до презентации дизайн-концепции команде и клиенту.
- Проект 4. Сервис по доставке впечатлений на дом. Изучите систему дизайна веб-приложений от продуктовой стратегии, информационной архитектуры (IA) и сборки User Flow, до построения Wireframes и организации библиотеки из компонентов в Фигме.
Нашли отзывы на krockit.com. Студенты отмечают практическую пользу курса, понравилось большое количество практики на реальных проектах, поддержка эксперта.
«Супер Figma» от Максима Кузнецова
Сайт: https://cloudlessons.ru.
Цена: 3 331 ₽/мес с рассрочкой на 6 месяцев, 19 990 ₽ за весь курс.
Длительность и формат: 16 часов. Видеоуроки, практические задания с обратной связью.
Освоите инструментарий Figma, на практике разработаете дизайн для нескольких одностраничных сайтов и кликабельный прототип мобильного приложения, изучите основы графического дизайна. Курс подходит для новичков и начинающих дизайнеров.
Преимущества:
- Сертификат о прохождении курса.
- Практика на реальных проектах.
- Проекты для портфолио к моменту выпуска.
- Бонусный карьерный модуль.
- Гарантия возврата средств.
Преподаватель: Максим Кузнецов – UI/UX-дизайнер с опытом работы в диджитал-стартапах (EdTech и FinTech-проектах), работает дизайнером более 8 лет.
Программа обучения и чему научитесь:
- Основы Figma. Познакомитесь с интерфейсом Фигмы, научитесь работать с ключевыми инструментами программы, создадите первый экран сайта.
- Продвинутые техники. Начнете уверенно работать в Фигме с компонентами, вариантами, функцией Auto-layout и модульной сеткой, создадите полноценный лендинг.
- Основы графического дизайна. Изучите основные принципы графического дизайна, поймете, как создавать визуально привлекательные сайты и приложения, сможете самостоятельно создать постер.
- Сложные интерфейсы. Научитесь проектировать опыт взаимодействия пользователя с продуктом, подготовите полноценный UI-kit для передачи в разработку, сможете создать дашборд.
- Прототипирование и анимация. Выясните, как использовать инструменты прототипирования и создавать кликабельные прототипы.
- Портфолио и советы по поиску работы. Поймете, как оформить портфолио дизайнера и начать работать в сфере UX/UI или веб-дизайна.
Работы преподавателя:
Ваш сертификат:
Другие курсы школы: Бесплатно Быстрый старт в Figma – мини-курс для знакомства с Фигмой, изучите интерфейс и основные инструменты, за 4 урока создадите дизайн промо-страницы для продукта.
Нашли отзывы на progbasics.ru и tutortop.ru. Студентам нравится организация обучения, отмечают качество учебных материалов и профессионализм экспертов. К достоинствам относят практические задания.
«Уроки по Figma» от Moscow Digital Academy
Сайт: https://www.youtube.com.
Цена: бесплатно.
Длительность и формат: 13 видеоуроков.
На примере онлайн-разбора создания прототипа овладеете основными инструментами Фигмы, научитесь создавать страницы и дизайн-макеты.
Преимущества:
- Обучение на практике.
- Автор отвечает на вопросы в комментариях.
Программа обучения и чему научитесь:
- Обзор программы. Познакомитесь с фигмой, изучите основные функции и возможности редактора.
- Прототипирование. Узнаете, как сделать сетку, получите навык работы с блоками, создадите свой первый прототип страницы.
- Дополнительные возможности. Поймете, как создавать интерактивные дизайн-макеты, овладеете анимацией в фигме.
Первый урок курса:
«Бесплатный подробный курс по Фигме» от Алексея Бычкова
Сайт: https://www.youtube.com.
Цена: бесплатно.
Длительность и формат: 23 видеоурока, наглядные практические примеры.
Подробный курс на реальных примерах веб-дизайнера с интересной и нескучной подачей, познакомитесь с возможностями и инструментами Фигмы. Подходит новичкам и начинающим веб-дизайнерам.
Преимущества: автор отвечает на вопросы в комментариях и делится собственными фишками.
Преподаватель: Алексей Бычков – веб-дизайнер на фрилансе, блогер, занимается дизайном 17 лет, автор книг «Дизайн и фриланс. Начало» и «Дизайн и фриланс. Новый уровень».
Программа обучения и чему научитесь:
- Познакомитесь с интерфейсом и меню Фигмы, настроите комфортные параметры для работы, поймете, чем отличается фрейм от группы, узнаете лайфхаки работы с фреймами и масками, разберетесь с булевыми операциями и модульными сетками.
- Выясните, как устроены привязки в фигме и как зафиксировать блок во время скролла страницы, протестируете разные привязки, разберетесь с компонентами, поймете, когда их использовать, как сделать адаптивный дизайн, создать паттерн и иконку в Фигме.
- Узнаете, как работают выравнивания и зачем нужна группировка слоев, научитесь работать с текстом, цветом, обводкой и эффектами в Фигме.
- Разберетесь, как подключить библиотеку стилей, как сделать сквозную библиотеку и как удалять библиотеки, выясните, как настраивать варианты компонента и сделать несколько свойств в одном варианте.
- Познакомитесь с прототипами в Фигме, выясните, как запустить прототип, поймете, как работают интерактивные компоненты и как сделать прототипы с более интересными и наглядными микроанимациями, рассмотрите панель кода Inspect и панель экспорта в Фигме.
- Узнаете, как поделиться макетом, освоите работу с плагинами и виджетами, получите советы и лайфхаки по настройке автолейаута, познакомитесь с интерфейсом FigJam.
Первый урок курса:
Другие курсы школы: Бесплатно Figma – лайфхаки по полезным фишкам и продвинутым функциям Фигмы.
Почитали отзывы в комментариях под видео на ютуб-канале автора. Зрителям нравится подача материала, отмечают профессионализм автора и практическую пользу курса.
«Подробный курс по Figma» от Науки Дизайна
Сайт: https://www.youtube.com.
Цена: бесплатно.
Длительность и формат: 15 видеоуроков, примеры из практики.
Подробный туториал по фигме, изучите основные функции и научитесь пользоваться инструментами. Подходит для изучения с нуля.
Преимущества: автор отвечает на вопросы в комментариях.
Программа обучения и чему научитесь:
- Познакомитесь с интерфейсом Фигмы, получите навык манипуляций с объектами, разберетесь с фреймами и инструментом «Срез».
- Рассмотрите векторные примитивы, освоите работу с вектором и пером, разберетесь со слоями и масками.
- Поймете, как работать с текстом и цветом в Фигме, рассмотрите сетки и направляющие.
- Исследуете стили, constraints и адаптивность, познакомитесь с компонентами и UI китами.
- Обучитесь умному выделению и выравниванию, разберетесь с прототипированием, интеграцией и экспортом.
Первый урок курса:
Изучили мнения зрителей в комментариях к видеоурокам. Нравится структурированность материала, понятная подача и наличие примеров из практики.
«Уроки Figma» от Дениса Тимошицкого
Сайт: https://www.youtube.com.
Цена: бесплатно.
Длительность и формат: 28 видеоуроков, онлайн-разборы процессов.
Познакомитесь с функциями и инструментами Фигмы, узнаете полезные лайфхаки и фишки работы в редакторе. Курс для новичков, начинающих дизайнеров и всех, кто хочет разобраться в Фигме.
Преимущества: автор обучает на реальных примерах из практики.
Преподаватель: Денис Тимошицкий – дизайнер в СПбГЭУ, создает сайты «под ключ» на фрилансе, ведет блог по дизайну и разработке сайтов на YouTube и VK.
Программа обучения и чему научитесь:
- Сможете создать логотип в Фигме на уровне Adobe Illustrator, сверстать экран мобильного приложения со сложными эффектами, познакомитесь с нейроморфизмом.
- Рассмотрите линейки, сетки и направляющие, выясните, как сохранить проект, выполните дизайн многостраничного сайта, разберетесь с компонентами в Фигме.
- Изучите горячие клавиши в Figma, познакомитесь с сеткой Bootstrap 4, вариативными компонентами, якорными ссылками и анимацией.
- Рассмотрите примеры создания дизайна логотипа мобильного приложения, тайм-лайна на сайт, блока с отзывами, сложного мобильного экрана и сложной инфографики.
Первый урок курса:
Другие курсы школы:
- Бесплатно Дизайн интернет-магазина в Figma – разберете процесс создания дизайна интернет-магазина с нуля.
- Бесплатно Проектирование и дизайн мобильного приложения – live-создание прототипа мобильного приложения в Фигме и его отрисовка, поработаете с оживлением макета и проработкой логики мобильного приложения.
- Бесплатно Дизайн и верстка из Figma в html + css + js #1 – разбор процесса создания дизайна и верстки первого экрана в Фигме, освоите адаптивную верстку, анимацию CSS, узнаете, как добавить интерактивность с помощью нативного JS.
- Бесплатно Дизайн многостраничного сайта в Figma – онлайн-разбор создания дизайна главной страницы жилого комплекса, полностью проработаете прототип, отрисуете все адаптивные версии макета по сетке Bootstrap.
Почитали отзывы в комментариях под видеоуроками. Зрители отмечают практическую пользу, нравится понятная подача материала.
«Веб-дизайн в Figma от шейпов до интерфейсов» от practika.school
Сайт: https://www.praktika.school.
Цена: 9 590 ₽.
Длительность и формат: 10 уроков по 30 минут. Видеоуроки, домашние задания.
Познакомитесь с основами веб-дизайна и UX/UI дизайна интерфейсов, научитесь делать чистый дизайн в Фигме, разберетесь в атомарном дизайне. Курс подойдет новичкам и практикующим дизайнерам.
Преимущества:
- Практика на реальных проектах.
- Доступ к курсу навсегда.
- Гарантия возврата стоимости курса, если обучение не понравилось.
- Бесплатный пробный день полного доступа к курсу.
Преподаватель: Александр Окунев – дизайнер интерфейсов в Ozon, автор «Руководства по Figma».
Программа обучения и чему научитесь:
- Познакомитесь с интерфейсом, разберетесь в организации проекта и фреймах.
- Рассмотрите простые и сложные шейпы, векторные фигуры, сети, флэт-иллюстрации и иконки.
- Научитесь работать с цветом, режимами кодирования, заливкой и градиентами, овладеете основами адаптивного дизайна.
- Разберетесь с типографикой, стилями текста, элементами верстки и компонентами, соберете экран приложения в Фигме.
- Обучитесь прототипированию веб-страниц и макетов, изучите основы атомарного дизайна.
Урок-знакомство:
Нашли отзывы на tutortop.ru и официальном сайте школы. Студентам нравится информативность, емкость и практическая польза уроков, отмечают работу экспертов.
«Уроки Figma» от GloryANT
Сайт: https://www.youtube.com.
Цена: бесплатно.
Длительность и формат: 31 видеоурок, практика.
Познакомитесь с интерфейсом Figma, научитесь создавать проекты, рисовать дизайн, применять различные плагины и компоненты Фигмы, изучите горячие клавиши, разберетесь в построении сетки и создании прототипов. Курс подойдет для освоения с нуля.
Преимущества:
- Полноценный проект к концу обучения.
- Автор отвечает на вопросы в комментариях.
Программа обучения и чему научитесь:
- Познакомитесь с первым окном фигмы и окном редактирования проектов, рассмотрите виды и свойства фигур, научитесь группировать несколько слоев, разберетесь с режимами буллевых групп, узнаете, как рисовать иконки для бизнеса и создавать текстовые стили.
- Освоите адаптивный веб-дизайн и работу с ограничителями, поймете, как создавать макеты в разных размерах и сетки различных типов, поработаете с картинками и настройками изображений, заливки и обводки, научитесь создавать и применять к макету цветовые стили.
- Выясните, как создать компоненты в каких случаях их применять, познакомитесь с FigJam и плагинами, рассмотрите 6 полезных плагинов в Фигме, узнаете, что такое варианты и чем они полезны, сможете создавать дизайны постов для соцсетей.
- Разберетесь, что такое auto layout и как эта функция работает, сможете создать красивый дизайн лендинга в Фигме.
Первый урок курса:
Изучили мнения зрителей в комментариях под видеоуроками. Отмечают понятную и легкую подачу материала.
«Веб-дизайн в Figma с нуля до результата. Основы UX/UI Web Design» от Stepik
Сайт: https://stepik.org.
Цена: 1 390 ₽.
Длительность и формат: 107 уроков, 13 часов видео, практические задания, проверочный тест.
Изучите все инструменты фигмы, овладеете современными техниками и приемами дизайна, поймете, что такое адаптивный дизайн, узнаете фишки и лайфхаки в работе с Figma. Курс подходит новичкам, начинающим дизайнерам, верстальщикам, программистам.
Преимущества:
- Сертификат о прохождении курса.
- Есть бесплатные демо-уроки.
- Два проекта в портфолио к концу обучения.
- Бонусные уроки по фотошопу и развитии в дизайне.
- Возврат денег, если обучение не подошло.
Преподаватель: Дмитрий Фокеев – создает авторские онлайн-курсы, преподает дизайн и веб-разработку с 2016 года.
Программа обучения и чему научитесь:
- Основы Figma. Начнете создавать первый макет, поработаете с размерами, познакомитесь с Wireframe, овладеете основами работы с текстом, изображениями и цветом, узнаете, что такое UX/UI дизайн.
- Маски, линии, дизайнерские трюки, подготовка нового проекта. Выясните, как работать с масками слоя, линиями и пером, сможете накладывать элементы друг на друга, освоите трюки с повторениями, контрастом и пустым пространством, познакомитесь с FigJam, создадите мудборд.
- Адаптивный дизайн и дополнительные возможности Фигмы. Познакомитесь с constraints и grid, определите различия между фреймами и группами, освоите работу с компонентами и auto layout, поймете, как стилизовать макет, изучите теорию адаптивного дизайна.
- Ускорение рабочего процесса и прототипирование. Изучите горячие клавиши, поймете, как создавать компоненты с помощью плагинов, рассмотрите полезные плагины, овладеете основами и познакомитесь с углубленными настройками прототипирования.
- Библиотеки и экспорт. Поймете разницу между бесплатной и платной версией фигмы, узнаете, как работать с библиотеками, экспортировать файлы из Figma и передавать макет в разработку.
- Работа в Photoshop. Познакомитесь с программой, получите навык работы со слоями, поймете, как работают маски и как экспортировать файлы.
Другие курсы школы:
- Бесплатно Figma для слайдов – научитесь создавать простые графические проекты в Фигме, работать с текстом и изображениями, использовать векторные изображения для оформления слайдов.
- Создание UI KIT в Figma – узнаете, как устроен UI Kit изнутри, сможете продумывать архитектуру проекта, обучитесь углубленной работе со сложными компонентами и системами.
- UX-дизайн в Figma. UX-аналитика проекта – поймете, как анализировать задачи, бриф, конкурентов, овладеете User Flow, сможете сделать кликабельный прототип проекта.
- Веб-дизайн в Figma. Анимации и юзабилити – овладеете принципами создания анимированных сайтов в Фигме, научитесь использовать продвинуты плагины, изучите главные принципы пользовательского опыта с точки зрения юзабилити.
- Веб-дизайн в Figma. Основы UI/UX дизайна на практике – овладеете основами веб-дизайна, будете углубленно изучать Figma, разберетесь в типографике и прототипировании.
Почитали отзывы в комментариях на странице курса. Студентам понравилась работа преподавателя, оценили качество обратной связи, понятную подачу, информативность и практичность курса. Некоторым пришлось искать дополнительную информацию самостоятельно.
Что дальше
Как выбрать курс, сэкономить время и деньги. Подготовили чек-лист, на что обратить внимание:
- Уровень программы. Ориентируйтесь на свой изначальный опыт. Если вы только начинаете знакомиться с Фигмой, подберите курс, в котором изучение начинается с азов. Если у вас уже есть опыт работы с редактором, подойдут курсы по продвинутым функциям программы.
- Ассортимент проектов. Приоритетным станут те курсы, во время которых вас научат делать разнообразные проекты – сайты, лендинги, интерфейсы мобильных приложений и веб-сервисов. Так вы сможете обучаться сразу в нескольких направлениях.
- Практика. Классно, если на курсе обучают на реальных проектах, которые потом можно добавить в свое портфолио.
- Стоимость. Новичкам лучше пройти бесплатные курсы для ознакомления с Figma.
- Актуальность программы. Важно, чтобы программа курса была составлена с учетом последних обновлений Figma.
- Преподаватели. Оцените опыт эксперта, если есть возможность – изучите портфолио с его работами.
Сколько учиться фигме. Чтобы изучить Figma с нуля на профессиональном уровне, потребуется от двух месяцев при занятиях 8-10 часов в неделю.
Уже освоили Figma на одном из этих курсов? Поделитесь своим опытом в комментариях. Может быть, мы забыли рассказать о крутом курсе? Напишите нам!