ТОП-10 курсов Figma – рейтинг обучения 2023

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

1 место. Figma с нуля до PRO от Skillbox

Цена курса: 27 329 ₽ или рассрочка на 12 месяцев – 2 277 ₽ / мес Сайт школы: https://skillbox.ru/course/figma-null-pro/
Пройти курс
Чему вы научитесь:
  • Профессионально работать в Figma
  • Готовить адаптивные макеты
  • Добавлять интерактив в прототипы
  • Создавать компоненты и библиотеки стилей
  • Работать над проектом в команде
  • Передавать макет в разработку.
Содержание курса:
  1. Знакомство с Figma
  2. Иконки, иллюстрации и картинки
  3. Компоненты
  4. Библиотеки компонентов и общие стили
  5. Auto Layout и Variants
  6. Сложные многостраничные документы
  7. Дополнительные возможности и сообщество авторов
  8. Подготовка макета для разработчиков.

2 место. Figma от IRS.Academy

Цена курса: 26 700 руб. Сайт школы: https://irs.academy/kurs_po_figma
Пройти курс
После окончания курса вы сможете:
  • Эффективно использовать инструменты Figma
  • Создать приложение, сайт и т.д.
  • Находить заказчиков и продуктивно взаимодействовать с ними
  • Зарабатывать фрилансом из любой точки мира.
Программа курса:
  1. Знакомство с Figma
  2. Возможности Figma. Инструментарий программы
  3. Компоненты и прототипирование
  4. Бог Фи
  5. Дизайн сайта
  6. Закрепляющий урок. Создаем дизайн своего приложения.

3 место. Figma для UI/UX дизайнера от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана

Цена курса: 21 990 ₽ – 48 000 ₽ Сайт школы: https://www.specialist.ru/course/figma
Пройти курс
Вы научитесь:
  • выстраивать работу по циклу web-разработки;
  • создавать дизайн сайта для десктопа;
  • планировать адаптивный макет сайта для различных устройств;
  • работать с инструментом Ограничители в Figma;
  • экспортировать макет из Figma, представлять информацию для верстальщиков и программистов;
  • использовать плагины, компоненты, стили и общие библиотеки;
  • создавать интерактивные макеты с помощью приложений Axure;
  • основам командной работы в Figma.
Программа курса:
  1. Figma основы работы
  2. Создаем дизайна сайта для десктопа
  3. Создаем дизайн сайта для планшетов и смартфонов
  4. Интеграция и экспорт, дополнительные возможности.

4. Профессиональный дизайн сайтов в Figma от Pentaschool

Цена курса: 19 000 руб. Сайт школы: https://pentaschool.ru/program/figma
Пройти курс
По итогам этого курса вы научитесь:
  • Работать со всеми основными инструментами Figma
  • Подготавливать мудборды для клиентов
  • Разрабатывать с нуля дизайн лендингов, многостраничных сайтов и мобильных приложений
  • Создавать простую анимацию интерфейсов
  • Подготавливать техническое задание для разработчиков
  • Разрабатывать кликабельные прототипы сайтов и мобильных приложений.
Программа:
  1. Основы Figma
  2. Дизайн сайтов в Figma
  3. Дизайн мобильных приложений в Figma.

5. Figma: Быстрый старт от Uprock

Бесплатно Сайт школы: https://www.school.uprock.ru/figma
Пройти курс
Программа обучения:
  1. Введение
  2. Регистрация и установка
  3. Платная и бесплатная версии
  4. Интерфейс программы
  5. Графический редактор
  6. Основные инструменты и их параметры
  7. Направляющие и сетка
  8. Маски и кадрирование фото
  9. Стили (Styles)
  10. Компоненты (Components)
  11. Авто лейауты (Auto layouts)
  12. Варианты (Variants)
  13. Адаптивность и инструмент Constraints
  14. Рисуем тестовый макет
  15. Типовые размеры элементов
  16. Правила оформления макета
  17. Типовые размеры элементов
  18. Рекомендации по работе с макетами
  19. Быстрые клавиши – must have список
  20. Передача макетов разработчику
  21. Плагины Figma.

6. Figma от Алексей Бычков

Бесплатно Сайт школы: https://pofig.me/videos/figma-course/
Пройти курс
Содержание курса:
  1. Аккаунт, история версий, хоткеи
  2. Гамбургер меню, предпочтения
  3. Инструменты и калькулятор
  4. Слои, маски и массовое переименование
  5. Сетки. Bootstrap. 8 px grid
  6. Привязки
  7. Компоненты
  8. Компоненты и адаптив
  9. Выравнивания, Tidy Up
  10. Текст
  11. Цвет, градиенты, изображения
  12. Обводка
  13. Эффекты: блюры, тени
  14. Библиотека команды
  15. Варианты
  16. Прототипы в Фигме
  17. Панель кода и экспорт
  18. Ссылка на проект
  19. Плагины
  20. Auto Layout в Фигме
  21. FigJam.

7. Figma от Высшая школа «Среда обучения»

Цена курса: 10 000 руб. Сайт школы: https://design.sredaobuchenia.ru/course/figma
Пройти курс
Программа:
  1. Регистрация в Figma. Файлы, проект, верхний тулбар и темная панель
  2. Рабочая область, панель слоев и страницы, панель свойств, фреймы и шейпы
  3. Фреймы, работа с сеткой и плагины
  4. Текст, библиотека стилей и привязка к сетке
  5. Цвет, заливка и градиенты. Библиотека цветов
  6. Адаптивность и ограничители. Auto Layout
  7. Создание компонента, мультикомпоненты и библиотеки
  8. Прототипирование
  9. Дизайн-ревью.
На курсе Вы:
  • Освоите основы Figma
  • Научитесь проектировать экраны приложений и сайтов со своими компонентами и дизайн-системой, создавать прототипы и использовать программы для командной работы.

8. Проектирование портфолио в Figma и Tilda от Открытое образование

Цена курса: нет информации Сайт школы: https://openedu.ru/course/spbu/FIGMA_TILDA/
Пройти курс
Программа курса:
  1. Портфолио в вебе
  2. Композиция и пропорции в вебе
  3. Знакомство с программой Figma
  4. Построение композиции в Figma
  5. Прототипирование и анимирование в Figma
  6. Знакомство с конструктором Tilda
  7. Конструирование лендинга в Tilda
  8. Работа в Tilda Zero Block
В результате освоения материалов курса слушатели:
  • научатся направлять внимание пользователя
  • узнают особенности работы пользователя на странице
  • познакомятся с ключевыми особенностями веб-формата
  • поймут основы типографики в вебе и научиться самостоятельно создавать шрифтовые пары
  • узнают базовые принципы композиции и научиться видеть их на примерах работ дизайнеров
  • научатся работать с инструментами Figma
  • познакомятся с блочным конструктором Tilda
  • научатся работать с базовыми блоками и Zero Block.

9. Figma от Наука Дизайна

Бесплатно Сайт школы: https://www.youtube.com/playlist?list=PLaIuVNKRYUyEoKnY0UwapHPk8fEaREHPA
Пройти курс
Видеоуроки:
  1. Интерфейс.
  2. Манипуляция с объектами.
  3. Frame & Slice tool.
  4. Векторные объекты.
  5. Работа с кривыми и пером.
  6. Слои и маски.
  7. Текст.
  8. Цвет.
  9. Сетки и направляющие.
  10. Стили.
  11. Constraints
  12. Компоненты.
  13. Выравнивание и умное выделение.
  14. Прототипирование.
  15. Интеграция и экспорт.

10. Figma за 45 минут от Tilda Publishing

Бесплатно Сайт школы: https://tilda.school/figma-free-course-0
Пройти курс
Содержание:
  1. Начало работы
  2. Фреймы
  3. Сетка
  4. Объекты
  5. Изображения
  6. Кривые
  7. Текст
  8. Выравнивание
  9. Хоткеи
  10. Стили
  11. Share
  12. Плагины
  13. Tilda.

11. Figma для веб-дизайнера от beONmax

Цена курса: от $ 9.8 Сайт школы: https://beonmax.com/courses/figma/
Пройти курс
Чему Вы научитесь?
  • Внутренний и внешний интерфейс программы
  • Инструменты Figma
  • Frame – очень важная часть. Фрейм — это основа программы.
  • Компоненты
  • Contsraints (Ограничения/привязки)
  • Система сеток и направляющих в Figma
  • Плагины
  • Прототипирование
  • Стили
  • Атомарный дизайн
  • Основы своей библиотеки компонентов.
Программа курса:
  1. Введение
  2. Основы
  3. Инструменты
  4. Профессиональные инструменты
  5. Создание своей библиотеки компонентов
  6. Практика работы в Figma. Создаём макет приложения
  7. Прототипирование в Figma
  8. Практика работы 2. Создаём макет приложения
  9. Завершение курса – получение сертификата.

12. Figma от Infogra

Бесплатно Сайт школы: https://infogra.ru/lessons/36-urokov-dlya-novichkov-po-figma
Пройти курс
Содержание:
  1. Интерфейс
  2. Манипуляция с объектами
  3. Frame & Slice tool
  4. Векторные объекты
  5. Работа с кривыми и пером
  6. Слои и маски
  7. Текст
  8. Цвет
  9. Сетки и направляющие
  10. Стили.
И др.

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

Бесплатно Сайт школы: https://netology.ru/programs/osnovy-figma
Пройти курс
Программа курса:
  1. Введение в Figma
  2. Рекламный баннер
  3. Работа с интерфейсом
  4. Лендинг
  5. Адаптивный дизайн.

14. Figma для дизайнеров от Айтилогия

Цена курса: нет информации Сайт школы: https://itlogia.ru/figma
Пройти курс
Чему вы научитесь:
  • Уверенно работать с любым инструментом
  • Выстраивать удобнее рабочий процесс
  • Создавать прототипы, быстро адаптировать макеты
  • Создавать собственные дизайн-системы и библиотеки
  • Создавать кликабельные прототипы
  • Работать в 2-3 раза быстрее и эффективнее.
Программа курса:
  1. Введение в курс
  2. Знакомство с Figma: обзор интерфейса и возможностей
  3. Инструменты в Figma. Работа с графикой
  4. Профессиональные средства для работы в Figma
  5. Дизайн-система и библиотека компонентов в Figma
  6. Кликабельный прототип в Figma. Анимация
  7. Быстрый адаптивный дизайн в Figma
  8. Smart Animate
  9. Подведём итоги.

15. Дизайн на Figma от Contented

Бесплатно Сайт школы: https://live.contented.ru/figma-free-course
Пройти курс
На курсе ты:
  • познакомишься с основами Figma
  • прокачаешь дизайнерские навыки
  • начнешь прямой путь в дизайн
  • создашь иконку и баннер.

16. Гид по Фигме для начинающих веб-дизайнеров от Tilda Education

Цена курса: разная стоимость Сайт школы: https://tilda.education/articles-figma
Пройти курс
Содержание:
  1. Для чего нужна Фигма
  2. Какие проекты можно создавать
  3. Что ещё можно делать в Фигме
  4. Совместная работа
  5. Начало работы
  6. Как установить Фигму
  7. Интерфейс
  8. Как устроен редактор файлов
  9. Инструменты и возможности
  10. Дополнительные возможности.

17. Веб-дизайн и создание сайтов в Figma и Tilda от Айтигенио

Цена курса: разная стоимость Сайт школы: https://itgen.io/figma_tilda_education
Пройти курс
Программа обучения:
  1. Figma
  • Основы и интерфейс
  • Макетирование и прототипирование
  • Продвинутые инструменты
  1. Tilda
  • Основы создания сайтов
  • Веб-анимация
  • Анализ и продвижение.

Оцените статью
KursTop