11 бесплатных ресурсов для изучения Figma

12
Аватар автора

Евгения Кройтор

дизайнер

Страница автора
Аватар автора

Елизавета Сопруненко

обновила материал

Страница автора

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

Мы собрали онлайн-ресурсы для тех, кто только начинает осваивать Figma. Подписку на сервис трудно оплатить из России, но и бесплатных функций хватит для небольших личных проектов.

ОФИЦИАЛЬНЫЙ ЮТУБ-КАНАЛ

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

СБОРНИК ИНСТРУКЦИЙ

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

ОСНОВНЫЕ ИНСТРУМЕНТЫ

Дизайнер из Бюро Горбунова на своем ютуб-канале разбирает базовые функции: как вставлять текст, рисовать кнопки и создавать макеты сайтов

НАЧИНАЮЩЕМУ ВЕБ-ДИЗАЙНЕРУ

Пособие от команды Tilda с анимированными роликами и скриншотами. Можно узнать о выравнивании объектов, модульных сетках и комбинациях клавиш

ТРАДИЦИОННЫЙ УЧЕБНИК

С теорией, иллюстрациями и практическими заданиями. Информация подается структурированно — от установки редактора до изучения компонентов

ДОПОЛНЕНИЕ К ВИДЕОУРОКАМ

Руководство на английском, в котором описаны все функции: фигуры, импорт и экспорт, тексты и шрифты, настройки слоев, прототипы и анимация

УРОКИ ДЛЯ ПРОДОЛЖАЮЩИХ

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

БАЗА И ПРИМЕРЫ

На ютуб-канале есть бесплатный курс по Figma. Автор рассказывает о базовых инструментах и показывает, как с ними работать. Например, как настроить и подключить библиотеку цветов или как удобно организовать свои проекты

ПРОСТРАНСТВО ДЛЯ ПРАКТИКИ

На официальном сайте Figma есть «песочницы» — интерактивные инструкции, где можно на практике изучить функции вроде автолэйаута и компонентов

ТЕОРИЯ И ПРАКТИКА

Бесплатный курс «Нетологии». В программе три видеолекции о базовых инструментах графического редактора. В процессе предлагают несколько практических заданий — их можно будет добавить в портфолио

НАГЛЯДНЫЕ УРОКИ

Сайт с плагинами, которые делают работу проще: позволяют вставлять гифки и векторные кляксы, выбирать удачные шрифты

Больше об учебе

Читайте в потоке «Образование». Рассказываем, как осваивать новые навыки, менять профессию и получать удовольствие от работы

Что еще почитать о дизайне:

Евгения КройторПользуетесь Figma? Расскажите, как ее осваивали:
  • huistoe gaan nieУчебник «Руководство по Figma» безнадёжно устарел — не обновлялся с 2019. Фигма за это время далеко шагнула вперёд.1
  • Константин МозговойПользуюсь. Осваиваю на работе с 2018 года методом тыка и по официальным туториалам. До сих пор до конца не освоил. Ещё тогда в 2018 году без кучи фич, которые есть сейчас, Фигма ощущалась прорывным инструментом только за счёт компонентов, мультиплатформенности, браузерности и мультиплеера.4
  • huistoe gaan nieКонстантин, автогруппы, поиск/замена и компоненты <3 Ужасно бесит только как старого пользователя Адоб, что маски работают «наоборот», каждый раз ошибаюсь0
  • huistoe gaan nieМгновенно освоил с началом короновируса. Методом тыка, как опытный пользователь Ps/Ai/Id. Плюс несколько видео про компоненты/прототипирование, а теперь за новыми функциями слежу на Figma Community + пара телеграм-каналов3
  • huistoe gaan nieНе знаю, может, это лично мое мнение, но осваивать любое приложение по урокам «как нарисовать красивый кубик» бессмысленно. Я просто сделал скрин любимого новостного сайта и пытался повторить логику разработчика прототипа этого сайта, высчитывая колонки, размеры шрифтов и пытаясь применить средства фигмы для облегчения такой работы. Один раз забудешь стиль назначить — потом уже будешь знать, зачем это нужно.3
  • Аватаркадо полноценного освоения никак не дойду. в закладках лежит https://web-jump.ru/osnovy-figma-bazovyj-kurs-po-figme-besplatnye-uroki-ot-web-jump/?yclid=55631545736225698070
  • Фата-морганаПрохожу обучение на продуктового дизайнера, вся практика в Фигме, после программ Адоб с одной стороны - это космос, с другой - что-то я не космонавт.10
  • Глеб НаяновЗдравствуйте! Курс "Figma с нуля", сейчас недоступен. При переходе по ссылке, пишет, что запись удалена. Возможно,знаете, где он сохранился?0
  • Евгения КройторГлеб, не нашла тот же курс, но на скиллбоксе есть бесплатные статьи по основам! https://skillbox.ru/media/design/samouchitel-po-figma/2
  • Глеб НаяновЕвгения, спасибо!0
  • Евгения ПетроваМетодом "научного тыка"0
  • Аркадий ШишмановFigma с нуля - запись удалена0
Сообщество