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

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

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

дизайнер

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

Личность не установлена

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Евгения КройторПользуетесь Figma? Расскажите, как ее осваивали: