Figma — графический редактор, в котором можно создавать макеты для веб-сайтов, приложений и логотипов. Он пригодится не только дизайнерам: сервис подойдет для создания постов в соцсетях или презентаций.
Мы собрали онлайн-ресурсы для тех, кто только начинает его осваивать. Подписку на сервис трудно оплатить из России, но и бесплатных функций хватит для небольших личных проектов.
ОСНОВЫ ОСНОВ
Figma с нуля
Короткие видео на русском для тех, кто впервые открывает редактор. Автор объясняет базовые понятия для работы: что такое фреймы, слои, сетки и группы
ПРОЖИТОЧНЫЙ МИНИМУМ
Илья Бирман
Дизайнер из Бюро Горбунова разбирает базовые функции: как вставлять текст, рисовать кнопки и создавать макеты сайтов
НАЧИНАЮЩЕМУ ВЕБ-ДИЗАЙНЕРУ
Гид по Figma
Пособие от команды Tilda с анимированными роликами и скриншотами. Можно узнать о выравнивании объектов, модульных сетках и комбинациях клавиш
ТРАДИЦИОННЫЙ УЧЕБНИК
Руководство по Figma
С теорией, иллюстрациями и практическими заданиями. Информация подается структурированно — от установки редактора до изучения компонентов. Есть справочник по горячим клавишам
ОФИЦИАЛЬНЫЙ ЮТУБ-КАНАЛ
Figma
Здесь есть плейлисты для новичков — о слоях, фреймах и других инструментах. Более опытных пользователей заинтересуют прототипы и автолэйауты. Все на английском
ДОПОЛНЕНИЕ К ВИДЕОУРОКАМ
Figma design
Руководство на английском, в котором описаны все функции: фигуры, импорт и экспорт, тексты и шрифты, настройки слоев, прототипы и анимация
НАБИТЬ РУКУ
Figma Community
На официальном сайте Figma есть «песочницы» — интерактивные инструкции, где можно на практике изучить функции вроде автолэйаутов и компонентов
СДЕЛАТЬ СВОЕ
Disarto
Канал для тех, кто хочет поупражняться в дизайне. Например, здесь есть ролики о создании музыкального приложения, — так можно разобраться в основах верстки и подбора шрифтов
ОБО ВСЕМ
Alexey Bychkov
Первые видео на канале посвящены горячим клавишам, вкладкам и макетам, а заключительные — автолэйаутам и онлайн-доске для совместной работы FigJam
ВИДЕОКУРС
Наука дизайна
Курс на YouTube из 15 уроков. Лектор подробно объясняет, как рисовать пером, настраивать сетки и экспортировать материалы
ОБЛЕГЧИТЬ РАБОТУ
Web-design.center
Сайт с плагинами, которые делают работу проще: позволяют вставлять гифки и векторные кляксы, выбирать удачные шрифты
Что еще почитать о дизайне:
1. Как стать графическим дизайнером.
2. Как защитить дизайн с помощью патента.
3. Курсы и образовательные программы по UX/UI-дизайну.
Новости из мира образования, советы по карьере и учебе, вдохновляющие истории — в нашем телеграм-канале: @t_obrazovanie
05.04, 01:54
Прохожу обучение на продуктового дизайнера, вся практика в Фигме, после программ Адоб с одной стороны - это космос, с другой - что-то я не космонавт.
04.04, 11:59
Пользуюсь. Осваиваю на работе с 2018 года методом тыка и по официальным туториалам. До сих пор до конца не освоил. Ещё тогда в 2018 году без кучи фич, которые есть сейчас, Фигма ощущалась прорывным инструментом только за счёт компонентов, мультиплатформенности, браузерности и мультиплеера.
04.04, 15:58
Константин, автогруппы, поиск/замена и компоненты <3
Ужасно бесит только как старого пользователя Адоб, что маски работают «наоборот», каждый раз ошибаюсь
04.04, 16:03
Мгновенно освоил с началом короновируса. Методом тыка, как опытный пользователь Ps/Ai/Id. Плюс несколько видео про компоненты/прототипирование, а теперь за новыми функциями слежу на Figma Community + пара телеграм-каналов
04.04, 16:07
Не знаю, может, это лично мое мнение, но осваивать любое приложение по урокам «как нарисовать красивый кубик» бессмысленно. Я просто сделал скрин любимого новостного сайта и пытался повторить логику разработчика прототипа этого сайта, высчитывая колонки, размеры шрифтов и пытаясь применить средства фигмы для облегчения такой работы. Один раз забудешь стиль назначить — потом уже будешь знать, зачем это нужно.
04.04, 11:54
Учебник «Руководство по Figma» безнадёжно устарел — не обновлялся с 2019. Фигма за это время далеко шагнула вперёд.
04.04, 17:02
до полноценного освоения никак не дойду. в закладках лежит https://web-jump.ru/osnovy-figma-bazovyj-kurs-po-figme-besplatnye-uroki-ot-web-jump/?yclid=5563154573622569807