Что такое Figma и что в ней можно делать?

Фигма – это графический онлайн-сервис по организации командной работы в сети над разработкой сайтов, приложений, wireframe, UI, прототипов и презентаций. Редактор выпущен на рынок в 2012 году и успешно завоевал доверие пользователей, став главным конкурентом сервисов Sketch и Adobe XD.

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

Что такое Figma и в чем ее преимущества?

Основное преимущество перед аналогами Figma – это базирование платформы на облачном хранилище. Сотрудники в реальном времени наблюдают и принимают участие в создании продукта. Разработчику не нужно открывать ноутбук, чтобы ознакомиться с последними изменениями макета. Менеджер не отвлекает специалистов от процесса, чтобы уточнить на каком этапе находится проект. Заказчик своевременно вносит комментарии для команды. Организация процесса напоминает программу Team Viewer – каждая правка автоматически сохраняется и тут же доступна всем участникам процесса.

Работа с редактором Figma может вестись как с телефона, так и c компьютера, причем команда больше не зависит от приверженности одному типу операционной системы. Доступ к Figma осуществляется с популярных платформ: Windows, MacOS, Linux. К последней доступ предусмотрен только с компьютера.

Какие преимущества таит в себе начинка сервиса Figma?

Интерфейс Figma прост и не перегружен функционалом. Достаточно посмотреть пару видеоуроков, чтобы включиться в процесс. Если требуется глубокое изучение редактора, то выпущено множество курсов. За десять лет существования Figma успешно интегрировалась на рынок образовательных услуг.
Интерактивность прототипов позволяет на месте оценивать макеты проектов в работе. Удобно для демонстрации наработок клиенту.
Доступна работа с векторной графикой, причем с возможностью экспорта и импорта.
В Фигме удобно проводить Usability-тестирование — для пользователя предоставляется доступ по ссылке.
Опция работы с модульными компонентами порадует дизайнера-верстальщика. Еще можно делать в Фигме дубли изображений и потом массово редактировать парой кликов.
Figma предусматривает возможность доукомплектовывать сервис плагинами от сторонних разработчиков, например, Autoflow для созданий связей между кривыми, Bullets для маркированных списков или генерировать оттенки плагином Color Kit.
Доступны разные права для пользователей. Например, разработчик, открывая доступ с правами на ознакомление, сможет увидеть CSS-стили объектов интерфейса. В мобильных приложениях – коды для iOS или Android.
Наличие истории версий поможет команде отследить момент возникновения ошибки и установить её автора. Каждый будет отвечать за свою зону ответственности.
В Фигме большая коллекция фреймов под популярные десктопы вплоть до Apple Watch или бумажных форматов под объекты социальных сетей.

Преимущества Figma не ограничиваются внутренними фишками. Функционал бесплатной версии Figma достаточен для изучения и личного пользования. Если планируете перейти в редактор с программы Photoshop или Sketch, вы не потеряете время на заучивание горячих клавиш. Hot Key совпадает.

А есть ли недостатки в Фигме?

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

При получении макета от коллег без предоставления прав доступа не решить проблему по блокировке части слоев или вовсе их заморозки.

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

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

Расстраивает UI–дизайнеров некорректный экспорт PNG, JPG и SVG-файлов – искажение линейных иллюстраций и единичные случаи добавлений Figma пары лишних пикселей к обводке изображений.

Если веб-дизайнеры переживут сложность отсутствия русского языка в интерфейсе, то те же SMM-специалисты, участвуя в проекте без знания языка, явно расстроятся.

Тарифы Figma

В Фигме есть 4 типа пакета использования: классик, профессионал и организация:

Проект Draft – ознакомительная бесплатная версия, которая подойдет для знакомства с интерфейсом и личного пользования.
Starter Team – бесплатная версия для работы в паре. Версии с лихвой хватит для глубокого изучения функционала Фигмы.
Proffesional подходит для больших команд. Стоимость стартует от 12 долларов в месяц за каждого редактора команды. Позволяет делиться с дизайнерами полнофункциональными прототипами в отличие от классик, которая ограничивает передачами только стилей.
Organization подходит для использования корпорациями международного уровня. Стоимость стартует от 45 долларов в месяц за каждого редактора команды. Сняты все ограничения на создание проектов и количество постановки задач, позволяет использовать интерфейс одновременно для нескольких проектов.

Тарифы Figma одинаково подходят для работы как обычным пользователям, так и мировым корпорациям.

Выводы

Figma является достойным аналогом Sketch и Adobe XD. Функционал и преимущества сервиса перекрывают масштабом существующие недостатки. В приложении предоставлен широкий функционал для веб-разработок. Графический редактор является фактически напарником и правой рукой для иллюстраторов, проектировщиков и дизайнеров интерфейсов.

Поделиться статьей:

Может быть интересно