Существует огромное количество курсов, посвященных использованию графического редактора Figma, и они подходят как для начинающих, так и для опытных пользователей. Однако в данной статье мы будем говорить о бесплатных курсах, которые идеально подходят для тех, кто только начинает свой путь в изучении Figma.
Итак, поехали
1. Курс от Cофьи Филипповой
Автор: Софья Филиппова, UX/UI-дизайнер
Количество уроков: 14
Программа курса:
1. Figma. Регистрация, новые тарифы, начало работы
2. Figma. Окно редактирования файла, базовые функции
3. Figma. Основной интерфейс. Часть 1
4. Figma. Основной интерфейс. Часть 2
5. Стили в Figma
6. Компоненты в Figma
7. Constraints или привязки в Figma
8. Auto Layout в Figma
9. Варианты в Figma
10. Анимация в Figma
11. Prototype / Прототипирование в Figma
12. Интерактивные варианты в Figma
13. Переменные, Variables, Дизайн-токены. Обновление Figma Июнь 2023
14. Переменные, Variables, Светлая и Темная тема, смена языка. Обновление Figma Июнь 2023
Формат: видеоуроки / туториалы
2. Курс от онлайн-школы дизайна GO Education
Автор: Егор Неменков, UX/UI-дизайнер
Количество уроков: 21
Программа курса:
1. Figma. Лучший инструмент для дизайнера
2. Знакомство с программой, интерфейс
3. Фрейм
4. Прямоугольник
5. Линии и Стрелки
6. Эллипс
7. Полигон. Звезда
8. Картинки
9. Перо и карандаш
10. Текст
11. Группы и слои
12. Выравнивание
13. Сетки и направляющие
14. Constraints
15. Auto Layout
16. Стили
17. Булевые группы
18. Маска
19. Компоненты
20. Варианты
21. Прототипирование и анимация
Формат: видеоуроки / туториалы
3. Курс от Алексея Бычкова
Автор: Алексей Бычков, Веб-дизайнер
Количество уроков: 23
Программа курса:
1. Обзор интерфейса: аккаунт, история версий, хоткеи
2. Обзор меню, поиска и предпочтений
3. Инструменты и калькулятор, фрейм или группа
4. Слои, маски и булливые операции
5. Модульные сетки в Фигме. Boostrap. 8px grid
6. Привязки (constraints) в Figma
7. Компоненты в Figma. Советы, лайфхаки, примеры
8. Компоненты и адаптивный дизайн. Как создать паттерн в фигме. Как сделать иконку
9. Выравнивания (align) в Figma, Tidy Up, упаковка и настройка прицела
10. Текст в Figma: шрифт, размер, абзац, строка, line height, текстовые стили в Фигме
11. Цвет в Figma: заливки, градиенты, изображения, цветовые стили в Фигме
12. Обводка в Figma: контур, бордер, прерывистая линия из точек и лайфхаки
13. Эффекты в Figma: тени, блюры, плагины и лайфхаки
14. Библиотека стилей и компонентов. Как подключать, настраивать, удалять
15. Figma Variants как пользоваться? Настраиваем варианты компонентов
16. Прототипы в Фигме (часть 1). Новый обзор с примерами и лайфхаками
17. Интерактивные компоненты в Figma (Прототипы часть 2).Примеры и лайфхаки
18. Панель кода Inspect и оригиналы изображений
19. Панель экспорта и мегакрутецкий лайфхак
20. Ссылка на проект в Фигме (share Figma). Как поделиться макетом? Анти-угон пикселей
21. Плагины и Виджеты (уроки Фигмы 2022). Как установить, включить плагины в Figma
22. Новый Auto Layout в Figma 4.0 (уроки Фигмы 2022) на реальных примерах
23. FigJam — онлайн-доска для заметок, мозговых штурмов, исследований. Обзор обновления Figma
Формат: видеоуроки / туториалы
4. Курс от GeekBrains
Автор: GeekBrains, образовательная платформа
Количество уроков: 5
Программа курса:
1. Onboarding: вводный урок. UI Components: Swatch Library
2. UI Components: Text styles
3. UI Components: Buttons
4. UI Components: Constrains
5. UI Components: Навигация
Формат: видеоуроки + домашние задания. Проверка выполненных заданий преподавателем не предусматривается.
5. Курс от школы Тильды
Автор: Денис Сизёмов, Дизайнер; Эксперт по Тильде
Количество уроков: 15
Программа курса:
1. Начало работы
2. Фреймы
3. Сетка
4. Объекты
5. Изображения
6. Кривые
7. Текст
8. Выравнивание
9. Хоткеи
10. Слои и Auto Layout
11. Стили
12. Экспорт
13. Поделиться
14. Плагины
15. Импорт из Фигмы в Тильду
Формат: видеоуроки + задания для самопроверки
→ Смотрите также нашу подборку бесплатных курсов по инфографике
