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

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