Figma является одним из самых популярных инструментов для дизайна интерфейсов в мире, и число его пользователей постоянно растет. В этой статье мы представляем вам ТОП-10 курсов Figma, которые будут актуальны для 2023 года. Независимо от того, являетесь вы начинающим дизайнером или уже имеете опыт работы с инструментом, наши рекомендации помогут вам получить новые знания и улучшить свои навыки работы в Figma.
1 место. Курс Figma с нуля до PRO от Skillbox
Цена курса: 27 329 ₽ или рассрочка на 12 месяцев – 2 277 ₽ / мес Сайт школы: https://skillbox.ru/course/figma-null-pro/
Пройти курс
Чему вы научитесь:
- Профессионально работать в Figma
- Готовить адаптивные макеты
- Добавлять интерактив в прототипы
- Создавать компоненты и библиотеки стилей
- Работать над проектом в команде
- Передавать макет в разработку.
- Знакомство с Figma
- Иконки, иллюстрации и картинки
- Компоненты
- Библиотеки компонентов и общие стили
- Auto Layout и Variants
- Сложные многостраничные документы
- Дополнительные возможности и сообщество авторов
- Подготовка макета для разработчиков.
2 место. Курс Figma от IRS.Academy
Цена курса: 26 700 руб. Сайт школы: https://irs.academy/kurs_po_figma
Пройти курс
После окончания курса вы сможете:
- Эффективно использовать инструменты Figma
- Создать приложение, сайт и т.д.
- Находить заказчиков и продуктивно взаимодействовать с ними
- Зарабатывать фрилансом из любой точки мира.
- Знакомство с Figma
- Возможности Figma. Инструментарий программы
- Компоненты и прототипирование
- Бог Фи
- Дизайн сайта
- Закрепляющий урок. Создаем дизайн своего приложения.
3 место. Курс Figma для UI/UX дизайнера от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана
Цена курса: 21 990 ₽ – 48 000 ₽ Сайт школы: https://www.specialist.ru/course/figma
Пройти курс
Вы научитесь:
- выстраивать работу по циклу web-разработки;
- создавать дизайн сайта для десктопа;
- планировать адаптивный макет сайта для различных устройств;
- работать с инструментом Ограничители в Figma;
- экспортировать макет из Figma, представлять информацию для верстальщиков и программистов;
- использовать плагины, компоненты, стили и общие библиотеки;
- создавать интерактивные макеты с помощью приложений Axure;
- основам командной работы в Figma.
- Figma основы работы
- Создаем дизайна сайта для десктопа
- Создаем дизайн сайта для планшетов и смартфонов
- Интеграция и экспорт, дополнительные возможности.
4. Курс Профессиональный дизайн сайтов в Figma от Pentaschool
Цена курса: 19 000 руб. Сайт школы: https://pentaschool.ru/program/figma
Пройти курс
По итогам этого курса вы научитесь:
- Работать со всеми основными инструментами Figma
- Подготавливать мудборды для клиентов
- Разрабатывать с нуля дизайн лендингов, многостраничных сайтов и мобильных приложений
- Создавать простую анимацию интерфейсов
- Подготавливать техническое задание для разработчиков
- Разрабатывать кликабельные прототипы сайтов и мобильных приложений.
- Основы Figma
- Дизайн сайтов в Figma
- Дизайн мобильных приложений в Figma.
5. Курс Figma: Быстрый старт от Uprock
Бесплатно Сайт школы: https://www.school.uprock.ru/figma
Пройти курс
Программа обучения:
- Введение
- Регистрация и установка
- Платная и бесплатная версии
- Интерфейс программы
- Графический редактор
- Основные инструменты и их параметры
- Направляющие и сетка
- Маски и кадрирование фото
- Стили (Styles)
- Компоненты (Components)
- Авто лейауты (Auto layouts)
- Варианты (Variants)
- Адаптивность и инструмент Constraints
- Рисуем тестовый макет
- Типовые размеры элементов
- Правила оформления макета
- Типовые размеры элементов
- Рекомендации по работе с макетами
- Быстрые клавиши – must have список
- Передача макетов разработчику
- Плагины Figma.
6. Курс Figma от Алексей Бычков
Бесплатно Сайт школы: https://pofig.me/videos/figma-course/
Пройти курс
Содержание курса:
- Аккаунт, история версий, хоткеи
- Гамбургер меню, предпочтения
- Инструменты и калькулятор
- Слои, маски и массовое переименование
- Сетки. Bootstrap. 8 px grid
- Привязки
- Компоненты
- Компоненты и адаптив
- Выравнивания, Tidy Up
- Текст
- Цвет, градиенты, изображения
- Обводка
- Эффекты: блюры, тени
- Библиотека команды
- Варианты
- Прототипы в Фигме
- Панель кода и экспорт
- Ссылка на проект
- Плагины
- Auto Layout в Фигме
- FigJam.
7. Курс Figma от Высшая школа «Среда обучения»
Цена курса: 10 000 руб. Сайт школы: https://design.sredaobuchenia.ru/course/figma
Пройти курс
Программа:
- Регистрация в Figma. Файлы, проект, верхний тулбар и темная панель
- Рабочая область, панель слоев и страницы, панель свойств, фреймы и шейпы
- Фреймы, работа с сеткой и плагины
- Текст, библиотека стилей и привязка к сетке
- Цвет, заливка и градиенты. Библиотека цветов
- Адаптивность и ограничители. Auto Layout
- Создание компонента, мультикомпоненты и библиотеки
- Прототипирование
- Дизайн-ревью.
- Освоите основы Figma
- Научитесь проектировать экраны приложений и сайтов со своими компонентами и дизайн-системой, создавать прототипы и использовать программы для командной работы.
8. Курс Проектирование портфолио в Figma и Tilda от Открытое образование
Цена курса: нет информации Сайт школы: https://openedu.ru/course/spbu/FIGMA_TILDA/
Пройти курс
Программа курса:
- Портфолио в вебе
- Композиция и пропорции в вебе
- Знакомство с программой Figma
- Построение композиции в Figma
- Прототипирование и анимирование в Figma
- Знакомство с конструктором Tilda
- Конструирование лендинга в Tilda
- Работа в Tilda Zero Block
- научатся направлять внимание пользователя
- узнают особенности работы пользователя на странице
- познакомятся с ключевыми особенностями веб-формата
- поймут основы типографики в вебе и научиться самостоятельно создавать шрифтовые пары
- узнают базовые принципы композиции и научиться видеть их на примерах работ дизайнеров
- научатся работать с инструментами Figma
- познакомятся с блочным конструктором Tilda
- научатся работать с базовыми блоками и Zero Block.
9. Курс Figma от Наука Дизайна
Бесплатно Сайт школы: https://www.youtube.com/playlist?list=PLaIuVNKRYUyEoKnY0UwapHPk8fEaREHPA
Пройти курс
Видеоуроки:
- Интерфейс.
- Манипуляция с объектами.
- Frame & Slice tool.
- Векторные объекты.
- Работа с кривыми и пером.
- Слои и маски.
- Текст.
- Цвет.
- Сетки и направляющие.
- Стили.
- Constraints
- Компоненты.
- Выравнивание и умное выделение.
- Прототипирование.
- Интеграция и экспорт.
10. Курс Figma за 45 минут от Tilda Publishing
Бесплатно Сайт школы: https://tilda.school/figma-free-course-0
Пройти курс
Содержание:
- Начало работы
- Фреймы
- Сетка
- Объекты
- Изображения
- Кривые
- Текст
- Выравнивание
- Хоткеи
- Стили
- Share
- Плагины
- Tilda.
11. Курс Figma для веб-дизайнера от beONmax
Цена курса: от $ 9.8 Сайт школы: https://beonmax.com/courses/figma/
Пройти курс
Чему Вы научитесь?
- Внутренний и внешний интерфейс программы
- Инструменты Figma
- Frame – очень важная часть. Фрейм — это основа программы.
- Компоненты
- Contsraints (Ограничения/привязки)
- Система сеток и направляющих в Figma
- Плагины
- Прототипирование
- Стили
- Атомарный дизайн
- Основы своей библиотеки компонентов.
- Введение
- Основы
- Инструменты
- Профессиональные инструменты
- Создание своей библиотеки компонентов
- Практика работы в Figma. Создаём макет приложения
- Прототипирование в Figma
- Практика работы 2. Создаём макет приложения
- Завершение курса – получение сертификата.
12. Курс Figma от Infogra
Бесплатно Сайт школы: https://infogra.ru/lessons/36-urokov-dlya-novichkov-po-figma
Пройти курс
Содержание:
- Интерфейс
- Манипуляция с объектами
- Frame & Slice tool
- Векторные объекты
- Работа с кривыми и пером
- Слои и маски
- Текст
- Цвет
- Сетки и направляющие
- Стили.
13. Курс Основы Figma от Нетология
Бесплатно Сайт школы: https://netology.ru/programs/osnovy-figma
Пройти курс
Программа курса:
- Введение в Figma
- Рекламный баннер
- Работа с интерфейсом
- Лендинг
- Адаптивный дизайн.
14. Курс Figma для дизайнеров от Айтилогия
Цена курса: нет информации Сайт школы: https://itlogia.ru/figma
Пройти курс
Чему вы научитесь:
- Уверенно работать с любым инструментом
- Выстраивать удобнее рабочий процесс
- Создавать прототипы, быстро адаптировать макеты
- Создавать собственные дизайн-системы и библиотеки
- Создавать кликабельные прототипы
- Работать в 2-3 раза быстрее и эффективнее.
- Введение в курс
- Знакомство с Figma: обзор интерфейса и возможностей
- Инструменты в Figma. Работа с графикой
- Профессиональные средства для работы в Figma
- Дизайн-система и библиотека компонентов в Figma
- Кликабельный прототип в Figma. Анимация
- Быстрый адаптивный дизайн в Figma
- Smart Animate
- Подведём итоги.
15. Курс Дизайн на Figma от Contented
Бесплатно Сайт школы: https://live.contented.ru/figma-free-course
Пройти курс
На курсе ты:
- познакомишься с основами Figma
- прокачаешь дизайнерские навыки
- начнешь прямой путь в дизайн
- создашь иконку и баннер.
16. Курс Гид по Фигме для начинающих веб-дизайнеров от Tilda Education
Цена курса: разная стоимость Сайт школы: https://tilda.education/articles-figma
Пройти курс
Содержание:
- Для чего нужна Фигма
- Какие проекты можно создавать
- Что ещё можно делать в Фигме
- Совместная работа
- Начало работы
- Как установить Фигму
- Интерфейс
- Как устроен редактор файлов
- Инструменты и возможности
- Дополнительные возможности.
17. Курс Веб-дизайн и создание сайтов в Figma и Tilda от Айтигенио
Цена курса: разная стоимость Сайт школы: https://itgen.io/figma_tilda_education
Пройти курс
Программа обучения:
- Figma
- Основы и интерфейс
- Макетирование и прототипирование
- Продвинутые инструменты
- Tilda
- Основы создания сайтов
- Веб-анимация
- Анализ и продвижение.