ТОП 20 курсов по работе с Figma с нуля, онлайн обучение

Навигация по странице:
ТОП 20 курсов по работе с Figma  с нуля, онлайн обучение

Figma — онлайн-сервис предназначенный для разработки интерфейсов с возможностью организации совместной работы.

Фигма – это отличный инструмент для визуального дизайна множества экранов, развития дизайн-систем, командной работы, также она подходит для создания векторных иллюстраций и иконок.

Ниже представлены курсы по изучению Figma, которые помогут упростить разработку интерфейсов и претендовать в дальнейшем на более высокую оплату своего труда.

Узнаете, как создавать интерактивные прототипы, передавать макеты разработчикам и экономить время на рутинных задачах. Добавите в свое резюме полезный навык, который оценят работодатели. Увеличите скорость своей работы и освободите время для творческих задач. Научитесь использовать горячие клавиши для быстрой работы.

Figma с нуля до PRO

Школа: Skillbox - онлайн-университет digital и IT профессий

Сайт: https://skillbox.ru/

Спикер: Юлия Соловьёва

Длительность: 8 недель

Интенсивность: от 3 до 5 часов в неделю

Стоимость: Рассрочка на 6 месяцев - 4 783 ₽/мес

Кому подойдет: Новичкам в веб-дизайне. Веб-дизайнерам без опыта работы в Figma.

Программа:

8 тематических модулей, 48 онлайн-уроков

  • Знакомство с Figma
  • Иконки, иллюстрации и картинки
  • Компоненты
  • Библиотеки компонентов и общие стили
  • Auto Layout и Variants
  • Сложные многостраничные документы
  • Дополнительные возможности и сообщество авторов
  • Подготовка макета для разработчиков

Чему научитесь:

  • Готовить адаптивные макеты
  • Работать над проектом в команде
  • Передавать макет в разработку
  • Создавать компоненты и библиотеки стилей
  • Добавлять интерактив в прототипы
  • Профессионально работать в Figma

Особенности обучения:

  • Лайфхаки от профессиональных дизайнеров
  • Обучение на практике
  • Доступ к курсу навсегда
  • Год английского языка бесплатно
  • Telegram-чат

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

Школа: ProductStar - школа менеджмента и аналитики

Сайт: https://productstar.ru/

Спикеры: Максим Около-Кулак, Артем Шитов

Длительность: 2 месяца

Интенсивность: Обучение в свободном режиме

Стоимость: 55 000 руб.

Как проходит обучение: Изучаете тему. Выполняете домашнее задание. Общаетесь с наставником. Защищаете дипломный проект.

Кому подходит курс: В первую очередь курс подходит начинающим специалистам и тем, кто хочет перейти в данную специальность.

Программа:

10 уроков и 10 практических заданий от практиков рынка с проверкой

Базовые действия в Figma
  1. Создание объектов
  2. Работа с текстом
  3. Использование изображений
Работа с кривыми
  1. Работа с масками
  2. Основная тема
Отрисовка элементов интерфейса
  1. Работа со слоями
  2. Smart-selection
  3. Arrage, Align, Distribute
Локальные библиотеки
  1. Цвет в библиотеке
  2. Текст в библиотеке
  3. Базовые компоненты
Прототипирование и анимация
  1. Связывание экранов в прототип
  2. Простейшая анимация перехода между экранами
  3. Smart-animate
Констрейнты и компоненты
  1. Автолейаут
  2. Компоненты
  3. Констрейнты и сетки
Варианты и библиотеки
  1. Варианты компонентов
  2. Библиотеки
  3. Основы дизайн-систем
Figma Community
  1. Введение в комьюнити Figma
  2. UI-киты и шаблоны
  3. Плагины
  4. Работа с текстом, перенос текста в spreadsheets
  5. Как почистить отступы
  6. Плагины с иконками
  7. Выделение слоев
  8. Скриптинг
Подготовка макетов для работы в команде
  1. Отрисовать UML схему выбранного сервиса
  2. Плагин Auto Flow
Дипломная работа
  1. Сдача дипломной работы
  2. Помощь в подготовке резюме и прохождению тестовых заданий

Ваши навыки после обучения:

  • Объекты и библиотеки в Figma
  • Продвинутые техники анимации
  • MVP и проверка гипотез
  • Юзабилити, эргономика и макеты

Особенности обучения:

  • Обучение на практике
  • Доступ к курсу навсегда
  • Карьерные консультации, помощь в подготовке портфолио и составлении продающего резюме
  • Поддержка ментором
  • Сертификат

Изучите интерфейсную разработку и прототипирование в Figma и получите работу в веб-дизайне. Этот курс будет хорошим началом для новичков, а для фрилансеров — возможность находить более дорогие заказы.

Школа: HEDU - курсы дистанционного обучения

Сайт: https://irs.academy/

Длительность: 3 часа

Стоимость: 1699 руб.

Формат обучения: Занятия. Домашнее задание. Сопровождение. Защита собственного проекта.

Кому подойдет: Новичкам. Начинающим веб-дизайнерам. Веб-дизайнерам. Фрилансерам. Всех, кого интересует Figma.

Программа:

Программа курса состоит из 6 уроков

  1. Знакомство с Figma
  2. Возможности Figma. Инструментарий программы
  3. Компоненты и прототипирование
  4. Бог Фи
  5. Дизайн сайта
  6. Закрепляющий урок. Создаем дизайн своего приложения

Чему научитесь:

  • Создать приложение, сайт и т.д.
  • Зарабатывать фрилансом из любой точки мира
  • Получить интересную работу в престижной компании
  • Находить заказчиков и продуктивно взаимодействовать с ними
  • Эффективно использовать инструменты Figma

Особенности обучения:

  • 6 видеоуроков по работе с Figma
  • Возможность задать вопросы веб-дизайнеру
  • Возможность добавить в ваше портфолио работы, созданные во время обучения
  • Креативные домашние задания и их оперативную проверку
  • Сертификат о прохождении онлайн-курса по Figma

Курс даст вам все необходимое для достижения успеха в Figma. Вы освоите интерфейс графического редактора и его функции уже на первом уроке и сразу приступите к макетированию макетов. В ходе курса вы научитесь создавать дизайн сайта в десктопной версии и адаптировать его для отображения на мобильных устройствах.

Школа: Специалист - учебный центр при МГТУ им.Н.Э.Баумана

Сайт: https://www.specialist.ru

Длительность: 24 ак. ч.

Стоимость: 21 990 руб.

Формат обучения: Очно, онлайн

Требования: Уверенное владение компьютером, интернетом, опыт работы в любой графической программе (Photoshop, Illustrator).

Программа:

  1. Figma основы работы (4 ак. ч.)
  2. Создаем дизайна сайта для десктопа (8 ак. ч.)
  3. Создаем дизайн сайта для планшетов и смартфонов (8 ак. ч.)
  4. Интеграция и экспорт, дополнительные возможности (4 ак. ч.)

Вы научитесь:

  • Основам командной работы в Figma
  • Создавать дизайн сайта для десктопа
  • Экспортировать макет из Figma, представлять информацию для верстальщиков и программистов
  • Использовать плагины, компоненты, стили и общие библиотеки
  • Создавать интерактивные макеты с помощью приложений Axure
  • Работать с инструментом Ограничители в Figma
  • Планировать адаптивный макет сайта для различных устройств
  • Выстраивать работу по циклу web-разработки

Особенности обучения:

  • Документ об окончании

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

Школа: beONmax - онлайн курсы программирования

Сайт: https://beonmax.com/

Преподаватель: Евгений Марфель

Дата начала: В любое время

Длительность: 8 часов

Интенсивность: Обучение в свободном режиме

Стоимость: Подписка 588 руб/мес.

Формат обучения: Видеокурс

Программа:

Программа обучения включает видео уроки. Благодаря практическим урокам и заданиям, вы сможете закрепить полученные знания.

  1. Введение - О курсе Figma для Веб дизайнера - с нуля до профессионала
  2. Основы Figma
  3. Инструменты Figma
  4. Профессиональные инструменты Figma
  5. Создание своей библиотеки компонентов
  6. Практика работы в Figma. Создаём макет приложения
  7. Прототипирование в Figma
  8. Практика работы в Figma - 2. Создаём макет приложения

Ваши навыки после обучения:

  • Основы своей библиотеки компонентов
  • Инструменты Figma
  • Стили
  • Компоненты
  • Плагины
  • Система сеток и направляющих в Figma
  • Contsraints (Ограничения/привязки)
  • Прототипирование
  • Frame - очень важная часть. Фрейм - это основа программы.
  • Атомарный дизайн
  • Внутренний и внешний интерфейс программы

Особенности обучения:

  • Завершение курса - Получение Сертификата

На курсе вы освоите редактор на продвинутом уровне, создадите портфолио и найдете своих первых клиентов. Доступ к урокам останется навсегда после успешного прохождения курса. Учитесь в удобное для вас время. Получите только актуальные и проверенные знания. Профессиональное сообщество и обратная связь от экспертов. Научитесь пользоваться гайдами для iOS и Android, собирать основные экраны мобильных приложений в Figma, попробуете свои силы в редизайне существующих приложений.

Школа: Московская академия дизайн-профессий Pentaschool

Сайт: https://pentaschool.ru/

Интенсивность: Один видеоурок длится 15-20 минут. Нужно уделять занятиям 2-3 часа в день.

Стоимость: 19 000 руб.

Формат обучения: Теория, практика

Кому подойдет: Курс подходит как для практикующих дизайнеров, у которых пока нет опыта работы с онлайн-сервисом Figma, так и для новичков. Для поступления вам не требуются специальные навыки или знания.

Программа:

Основы Figma

  • Познакомитесь с инструментами Figma.

Дизайн сайтов в Figma

  • Перейдете к созданию многостраничных сайтов, научитесь делать разные типы меню, познакомитесь с горизонтальной, вертикальной и нестандартной навигацией.

Дизайн мобильных приложений в Figma

  • Узнаете, как пользоваться гайдами iOS и Android.

Вы научитесь:

  • Работать со всеми основными инструментами Figma
  • Подготавливать мудборды для клиентов
  • Разрабатывать с нуля дизайн лендингов, многостраничных сайтов и мобильных приложений
  • Разрабатывать кликабельные прототипы сайтов и мобильных приложений
  • Подготавливать техническое задание для разработчиков
  • Создавать простую анимацию интерфейсов

Особенности обучения:

  • Доступ к урокам останется навсегда
  • Программа разработана практикующими дизайнерами
  • Профессиональное комьюнити и обратная связь от экспертов
  • Разборы практических работ участниками курса
  • Бессрочный доступ к материалам курса после успешного завершения обучения
  • Обучение в удобное время
  • По итогу обучения вы получите сертификат академии дизайна Pentaschool

Курс Figma познакомит вас с онлайн-редактором и его функциями с нуля. Все, что от вас нужно, это регулярная практика и намерение углубляться в процесс, получать новые знания. Вас будут сопровождать эксперты — менторы школы, которые помогут сориентироваться и влиться в процесс обучения. По опыту студентов, изучение материала занимает от 4 до 8 часов в неделю.

Школа: Contented - онлайн-школа дизайна

Сайт: https://contented.ru/

Дата начала: Старт в удобное время

Интенсивность: от 4 до 8 часов в неделю

Стоимость: 9 000 руб.

Формат обучения: Видеоуроки и практика

Курс для тех кто хочет: Освоить графический, веб, UX/UI-дизайн. Прокачать уже имеющиеся навыки. Определиться с направлением.

Программа:

Модуль 1

  1. Интерфейс
  2. Frame и Group
  3. Основные инструменты: Shape tool, Drawing tools
  4. Эффекты
  5. Экспорт

Модуль 2

  1. Дизайн-систему: работу со стилями, текстом, цветом, тенями
  2. Создание кликабельных прототипов адаптируя на различных устройствах
  3. Компоненты в Figma
  4. Особенности совместной работы над проектом

Особенности обучения:

  • 2 работы в портфолио
  • Доступ к курсу навсегда
  • Поддержка координатора
  • Электронный сертификат о прохождении курса

Этот курс будет полезен если вы хотите с нуля освоить новую творческую профессию или развиваться в digital, контролировать работу подрядчика, научиться выстраивать коммуникацию с аудиторией через дизайн и работать из любой точки мира. 

Школа: Interra - школа современных профессий

Сайт: https://www.interra.bz/

Автор: Екатерина Космович

Дата начала: В любое время

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

Стоимость: 10 000 ₽

Для кого этот курс: Для тех, кто хочет развиваться в современной профессии, создавать уникальные веб-страницы и разбираться в специфике цифровой среды.

Программа:

О профессии и что такое посадочная страница

  1. Кто такой веб-дизайнер, какие задачи он выполняет?
  2. Учимся отличать плохой дизайн от хорошего. Источники вдохновения.
  3. Что такое посадочная страница.
  4. Создаем свой первый прототип страницы.

Знакомимся с Figma и отрисовываем свой первый макет

  1. Знакомимся с Figma. Изучаем интерфейс Figma.
  2. Узнаем, где и как искать качественные фотографии, как работать с ними в Figma.
  3. Узнаем, где и как искать иконки, как их интегрировать в макет.
  4. Собираем главный экран лендинга в Figma.

Разбираем композицию и типографику. Завершаем макет.

  1. Композиция и типографика.
  2. Узнаем, как пользоваться плагинами,
  3. где их искать и как устанавливать в Figma.
  4. Завершаем лендинг в Figma.
  5. Создаем экран с формой обратной связи.

План развития в карьере. Резюме, портфолио.

  1. Что нужно делать, чтобы стать профессиональным дизайнером?
  2. Как создать портфолио?
  3. Где искать заказчиков?

Особенности обучения:

  • Доступ к курсу - бессрочно
  • Именной сертификат после прохождения обучения

В этом курсе вы попробуете его возможности в полной мере! Вы освоитесь в Figma, а затем возьметесь за проектирование реальных проектов многоэкранных систем. У вас будет практика в основах веб-дизайна, а также практика в дизайне интерфейсов (дизайн пользовательского интерфейса) приложений на основе исследований UX. В ходе курса вы выполните серию проектов по дизайну веб-сайтов и приложений, освоите дизайн-систему, станете смелее в экспериментах и ​​реализации собственных идей!

Сайт: https://breezzly.ru/

Веб-дизайн и дизайн интерфейсов в Figma

Автор: Анастасия Свеженцева

Дата начала: В любое время

Стоимость: 4 000 руб.

Программа:

4 проекта, 43 видеоурока

Проект 1. Веб-сайт студии интерьера с характером — организация работы и дебют
  1. Шаг 1. Знакомство с интерфейсом Figma и погружение в проект
  2. Шаг 2. Оцифруем эскиз: логотип, меню, основные блоки и текст
  3. Шаг 3. Настроим колоночную сетку и зададим пропорции для текста и изображений
  4. Шаг 4. Вертикальный ритм на практике
  5. Шаг 5. Построение композиции с характером бренда из шейпов (векторных фигур)
  6. Шаг 6. Практика работы с цветом
  7. Шаг 7. Изображения: импорт, кадрирование, цветокоррекция, маска
  8. Шаг 8. Адаптивный дизайн сайта
  9. Шаг 9. Создание интерактивных прототипов
  10. Шаг 10. Продвинутые анимации в Figma c помощью Smart Animate
Проект 2. Приложение для смарт-часов по аренде электроскутеров — от UX-исследований к продукту
  1. Шаг 1. Письмо от клиента и знакомство с результатами ux-исследования
  2. Шаг 2. Изучаем дизайн-систему (UiKit) и создаем по эскизу wireframe первого экрана приложения
  3. Шаг 3. Первый интерактивный прототип приложения для смарт-часов
  4. Шаг 4. Дизайн макетов (wireframes) для всех экранов ключевого сценария
  5. Шаг 5. Интерактивный прототип основного сценария
  6. Шаг 6. Экспресс стилизация основного сценария
  7. Шаг 7. Упаковка элементов управления в компоненты дизайн-системы (UiKit)
Проект 3. Мобильное приложение для ухода за домашними джунглями — редизайн и бренд-концепция на основе аналитики и данных
  1. Шаг 1. Письмо от клиента и знакомство с приложением для редизайна
  2. Шаг 2. UX-аналитика: знакомимся с результатами исследований и изучаем предложение по новому интерфейсу
  3. Шаг 3. UX-исследования и UX-стратегия: изучим результаты юзабилити-тестов и выход на продуктовую концепцию
  4. Шаг 4. Культурный и кросс-культурный анализ: изучим digital-окружение клиентов и тренды
  5. Шаг 5. Дизайн-исследование: дополняем картину свободным творческим поиском
  6. Шаг 6. UI-дизайн: создаем детальный прототип из готовой дизайн-системы (UiKit) и тестируем
  7. Шаг 7. UI-дизайн: создадим аккуратное и красивое приложение в стиле минимализм
  8. Шаг 8. Бренд-дизайн: анализируем глубинные интервью с клиентами и выходим на метафору с помощью техники майндмэппинга
  9. Шаг 9. Бренд-дизайн: стилевые рифмы и внедрение метафоры
  10. Шаг 10. UiKit и создание компонентов
  11. Шаг 11. Составляем ТЗ на иллюстрацию с характером
  12. Шаг 12. Дизайн-ревью и тестирование приложения
  13. Шаг 13. Шот в App Store
  14. Шаг 14. Презентация работы команде и клиенту
Проект 4. Сервис по доставке впечатлений на дом – создание веб-интерфейса в фирменном стиле на компонентах Google Material Design
  1. Шаг 1. Письмо от клиента и погружение в проект
  2. Шаг 2. Познакомимся с принципами атомарного дизайна и превратим прототип главного экрана из Balsamiq в Wireframe (Hi-Fi) на стандартных компонентах Google Material Design
  3. Шаг 3. Создаем детальный прототип ключевого сценария из компонентов Google Material Design
  4. Шаг 4. Продуктовые исследования и бренд-стратегия: знакомимся с результатами исследований и устройством айдентики
  5. Шаг 5. Культурные и кросс-культурные исследования: изучим, как с айдентикой на ключевом сценарии работают схожие сервисы в e-commerce
  6. Шаг 6. Дизайн главного экрана веб-сервиса в фирменном стиле
  7. Шаг 7. Проработаем в фирменном стиле все экраны ключевого сценария
  8. Шаг 8. Усиливаем идентичность веб-сервиса: выполняем глубокую степень стилизации
  9. Шаг 9. Проанализируем обновленный UI Kit и наметим точки для дальнейшего развития
  10. Шаг 10. Техника создания адаптивных компонентов: auto layout, constraints и variants
  11. Шаг 11. Презентуем решение продуктовой команде

Чему научитесь:

  • Применять результаты UX-исследований для создания дизайна
  • Выстраивать рабочий процесс и организовывать работу по дизайну сайтов
  • Развивать библиотеки стилей и применять единый визуальный стиль
  • Готовить адаптивные макеты и создавать интерактивные прототипы
  • Настраивать анимацию и добавлять интерактив
  • Создавать интерфейсы для популярных платформ
  • Создавать адаптивные компоненты
  • Уверенно работать в Figma

Курс для начинающих веб-дизайнеров, фронтенд-разработчиков и разработчиков мобильных приложений. Вы научитесь создавать прототипы сайтов, мобильных и веб-приложений в графическом онлайн-редакторе Figma. Вы пройдете курс в своем собственном темпе, соберете портфолио, получите отзывы на домашнее задание от преподавателей и диплом.

Сайт: https://cloudlessons.ru

Автор курса: Максим Кузнецов

Дата начала: В любое время

Стоимость: 19 990 ₽

Как проходит обучение: Обучение проходит на онлайн-платформе VideoSmile, к которой вам будет предоставлен доступ. Домашние задания и кураторство. Круглосуточная поддержка от кураторов и общение с другими студентами.

Программа:

40 практических занятий

Основы Figma
  1. Пользовательский интерфейс
  2. Фреймы и группы
  3. Слои и ограничения
  4. Маски
  5. Типографика
  6. Стили и эффекты слоёв
  7. Работа с векторными объектами
  8. Комьюнити
  9. История версий
  10. Преимущества платной версии
  11. Передача файла в разработку
  12. FigJam
  13. Делаем первый экран сайта
Продвинутые техники
  1. Модульные сетки и направляющие
  2. Компоненты
  3. Варианты
  4. Auto-layout
  5. Фишки Figma для ускорения работы
  6. Делаем лендинг с использованием компонентов
Основы графического дизайна
  1. Композиция
  2. Контраст
  3. Приближённость
  4. Иерархия
  5. Рисуем иллюстрацию в Figma
  6. Делаем постер
Сложные интерфейсы
  1. Создаём приложение
  2. Полезные плагины
  3. Создаём панель управления (дэшборд) c UI Kit'ом
  4. Подготовка UI KIT'а к передаче в разработку
  5. Библиотеки для командной работы
Прототипирование и анимация
  1. Прототипирование и простая анимация в Figma
  2. Умная анимация
  3. Интерактивные компоненты
  4. Больше практических примеров
Портфолио и советы по поиску работы
  1. Портфолио и социальные сети для дизайнера интерфейсов
  2. Где применить полученные навыки
  3. Советы для устройства в студию
  4. Заключение

Особенности обучения:

  • Сертификат о прохождении курса
  • Никаких ограничений по времени
  • Обратная связь и кураторство
  • Чат в Telegram
  • Домашние задания
  • Портфолио с вашими работами
  • Гарантия возврата средств

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

ШколаНетология - университет интернет-профессий
Сайтhttps://netology.ru/

Преподаватели: Иван Крестов, Андрей Кретинин.

Стоимость: Бесплатно

Формат обучения: Видеолекции

Программа:

5.5 часов теории и 8 часов практики

  1. Введение в Figma
  2. Рекламный баннер
  3. Работа с интерфейсом
  4. Лендинг
  5. Адаптивный дизайн

Научитесь работать с ключевыми инструментами Figma:

  • Цветом и градиентами
  • Сетками и направляющими
  • Эффектами
  • Масками
  • Стилями
  • Компонентами
  • Инструментами прототипирования
  • Текстом
  • Интеграцией растровых изображений
  • Шейпами

Особенности обучения:

  • Записи с вами навсегда
  • Новые знакомства и нетворкинг
  • Получите полезный практический навык

Уроки Figma

Обучающие уроки по изучению Figma для начинающих. В ходе курса вы научитесь создавать UI, UX дизайн для веб и мобильных проектов, узнаете обо всех основных инструментах программы Фигма. После окончания курса вы будете знать, как работает Figma, какие возможности у нее есть и сможете применить навыки в создании дизайн-проектов на практике.

Школа: itProger - онлайн-школа IT профессий

Сайт: https://itproger.com/

Дата начала: Старт в любой день

Длительность: Срок обучение не ограничен

Интенсивность: Обучение в свободном режиме

Стоимость: Бесплатно

Формат обучения: Видеокурс

Программа:

8 уроков

  1. Создание дизайна (UI/UX) для начинающих
  2. Фреймы, объекты и рисование
  3. Работа с изображениями
  4. Текстовые надписи, иконки, слои
  5. Секция с курсами и дизайн новой страницы
  6. Компоненты, прототипирование и маски
  7. Работа в команде, тестирование проекта и экспорт
  8. Разработка веб-страницы

Чему научитесь:

Вы познакомитесь с Фигма и научитесь использовать все её основные инструменты на практике.

Особенности обучения:

  • Консультации

Изучение Figma (Фигма) с нуля / Урок #1 – Создание дизайна (UI/UX) для начинающих

Канал: Гоша Дударь

Курс по изучению Figma и построению дизайна на её основе. За курс для начинающих вы с нуля научитесь работать с Фигма и создадите несколько (UI, UX) дизайнов.

Тайм-коды:

00:00 — Начало
00:27 — Что такое Figma?
00:51 — Почему он стал популярным?
01:23 — Что умеет Figma?
02:12 — А как же PhotoShop?
03:07 — План курса
03:35 — Регистрация
05:22 — Кабинет пользователя
08:45 — Заключительная часть

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Плейлист:

  1. Создание дизайна (UI/UX) для начинающих
  2. Фреймы, объекты и рисование
  3. Работа с изображениями
  4. Текстовые надписи, иконки, слои
  5. Секция с курсами и дизайн новой страницы
  6. Компоненты, прототипирование и маски
  7. Работа в команде, тестирование проекта и экспорт
  8. Разработка веб-страницы

Бесплатный курс по основам Figma.

ШколаContented - онлайн-школа дизайна
Сайтhttps://contented.ru/
Дата началаВ любое время
ДлительностьСрок обучение не ограничен
ИнтенсивностьОбучение в свободном режиме
Стоимость3 дня

Курс для тех кто: Задумывается о профессии дизайнера. Хочет добавить новый скилл в резюме. Планирует освоить графический, веб или UX/UI-дизайн и не знаешь, с чего начать.

Ваши навыки после обучения:

  • Познакомитесь с основами Figma
  • Прокачаете дизайнерские навыки
  • Начнете прямой путь в дизайн
  • Создадите иконку и баннер

Особенности обучения:

  • Первый кейс в твоё дизайнерское портфолио
  • Подробные уроки от эксперта
  • Сертификат об успешном прохождении курса
  • Полезные подарки

Бесплатный курс и серия видео по работе в программе Figma для начинающих с нуля на русском языке. Уроки подходят для веб-дизайнеров и UI/UX-дизайнеров, которые хотят освоить этот инструмент с самых основ.

Сайт: https://web-design.center/

Дата начала: Старт в любой день

Длительность: Видео инструкция на 60 минут

Интенсивность: Обучение в свободном режиме

Стоимость: Бесплатно

Формат обучения: Видеокурс

Программа:

  1. Где скачать и как установить программу Figma на компьютер?
  2. Как пользоваться Figma? Обзор программы за 20 минут.
  3. Frame — подробный разбор инструмента

Чему научитесь:

  • Добавьте +1 проект в ваше портфолио, что поможет привлечь новых клиентов
  • Получите новый навык, который сможете использовать в дальнейшем снова и снова

Уроки Figma

Канал: Владимир Чернышов: уроки веб-дизайна

На видео первый урок: Уроки фигма для начинающих с нуля на русском / Урок Figma №0

Уроки по изучению Fima (2021) для начинающих с нуля на русском языке. Вы разберетесь как работать в программе, даже если вы новичок.

114 уроков продолжительностью приблизительно по 5 минут

Дата началаВ любое время
ДлительностьСрок обучение не ограничен
ИнтенсивностьОбучение в свободном режиме
СтоимостьБесплатно
Формат обученияВидеокурс

1 урок — Интерфейс. Подробный курс по Figma

Канал: Наука Дизайна

В течение 15 уроков вы узнаете все функции в Figma.

Дата началаВ любое время
ИнтенсивностьОбучение в своем темпе
СтоимостьБесплатно
Формат обученияВидеокурс

Все уроки курса:

Открыть
  1. Интерфейс
  2. Манипуляция с объектами
  3. Frame & Slice tool
  4. Векторные объекты
  5. Работа с кривыми и пером
  6. Слои и маски
  7. Текст
  8. Цвет
  9. Сетки и направляющие
  10. Стили
  11. Constraints
  12. Компоненты
  13. Выравнивание и умное выделение
  14. Прототипирование
  15. Интеграция и экспорт

Канал: Alexey Bychkov: веб-дизайн и фриланс

Курс по Фигме на обычном языке и на живых рабочих примерах. В этом уроке обзорная экскурсия по интерфейсу Фигмы: регистрация аккаунта, история версий, мультипросмотр, макет и горячие кнопки.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Все уроки курса:

Открыть
  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

Канал: Школа дизайна – UX Mind School

Обзор программы Figma и основных инструментов.
Фигма — это отличный вариант для замены Sketch, Adobe XD. Приложение условно бесплатное. Программа позволяет создавать интерфейсы, делать динамические прототипы и есть удобные инструменты для верстки.

Дата начала: В любое время

Интенсивность: Обучение в своем темпе

Стоимость: Бесплатно

Формат обучения: Видеокурс

Все уроки курса:

  1. Обзор программы Figma
  2. Основные инструменты Figma
  3. Создание модульной сетки
  4. Инструмент Frame tool (артборда)
  5. Что такое компоненты?
  6. Работа с формами
  7. Работа с текстом
  8. Фигма для верстальщиков
  9. Фишки и полезные функции
  10. Горячие кнопки
  11. Работа с изображениями (растровой графикой)
  12. Создание адаптивных элементов

Figma с нуля - Знакомство с программой | Веб дизайн. Урок 1

Канал: VideoSmile

Изучите основные инструменты и функции самого популярного графического редактора для веб- и UI-дизайна. По окончанию мини-курса вы создадите первый экран сайта! Урок 1 из 8 построен таким образом, что вы будете изучать Figma на практике. После успешного прохождения курса вы сможете брать свои первые фриланс-заказы или устроиться джуниором (младшим специалистом) в студию.

Дата начала: В любое время

Интенсивность: Свободный график

Стоимость: Бесплатно

Формат обучения: Видеокурс

Все уроки курса:

  1. Знакомство с программой
  2. Фреймы и группы
  3. Слои и ограничения
  4. Маски
  5. Типографика
  6. Стили и эффекты слоев
  7. Векторные объекты
  8. Первый экран сайта
  9. Курс по веб дизайну - «Супер Figma» от VideoSmile

НайтиКурс.Ру
Добавить комментарий