Что такое Figma и для чего она нужна

Что такое Figma

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

Главная особенность Фигма 2022 — это возможность работать над проектом в составе группы специалистов. Таким образом, легко проводить наглядные удаленные совещания и всегда иметь под рукой самый актуальный макет.

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

Подключиться к проекту очень просто, достаточно открыть ссылку в браузере компьютера. Для комфортной работы предусмотрена и полноценная версия программы с установкой на Windows или Mac. А благодаря тому, что файлы хранятся в облаке, каждый участник команды имеет доступ к последней версии проекта.

Обзор возможностей

Figma Adobe позволяет работать, как с векторной, так и растровой графикой. При этом площадка поддерживает создание интерактивных объектов, что просто незаменимо на этапе разработки дизайна для программ, сайтов и приложений.

Прототипирование

Именно этот функционал выделяет программу из сотен других и расширяет возможности ее использования. В Figma можно сделать:

• Кликабельную версию сайта

• Связи и перелинковку страниц

• Экран и настройку кнопок

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

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

Компоненты

Когда проект насчитывает хотя бы несколько страниц, ручная правка основных элементов превращается в испытание. Но если элементы должны четко повторять друг друга, то можно воспользоваться функцией «Компоненты». Так можно сэкономить большое количество времени и нервов.

В Figma Adobe — готовый объект в виде иконки, кнопки или различных меню копируется и вставляется в проект с наследованием свойств главного элемента. Теперь чтобы уменьшить длину кнопки «Далее» на 0,2 пт, достаточно изменить только основной компонент, после чего все остальные повторяют его свойства.

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

Векторные сетки

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

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

Второе применение векторных сеток — это создание или отрисовка макета имеющейся страницы сайта с последующим сохранением SVG кода для интеграции в HTML.

Совместное редактирование

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

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

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

Просмотр истории изменения документа

Коллективная работа в не превращается в бесконечный поток изменений, так как сервис позволяет отслеживать все действия и изменения, которые были внесены каждым участником проекта. А сохранение промежуточных результатов позволяет быстро возвращаться в предыдущие версии документа.

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

В бесплатной версии программы пользователям доступны изменения за последние 30 дней, если же работа ведется в платной версии, то рабочий прогресс хранится со дня создания проекта. 

Преимущества и недостатки

Как и любой сервис, figma имеет плюсы и минусы. При этом в процессе использования каждый пользователь самостоятельно определяет, что стоит отнести к сильным сторонам, а что тормозит работу.

Начнем с положительных моментов:

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

• Figma — это мультиплатформенная программа, которая подходит для Window, Mac и мобильных устройств. А запуская приложение через браузер, пользователь может даже не задумываться об операционной системе своих устройств, не устанавливая дополнительных программ 

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

• Коллективный доступ к проекту задействует не только дизайнеров, но также разработчиков и даже заказчиков. Они могут получить возможность просматривать проект, не имея прав на внесение правок

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

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

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

• Ограниченные возможности в использовании компонентов. Если создается полноценный макет большого многостраничного сайта, то возможностей Фигма может не хватить для отработки каждой кнопки и перелинковки. Хотя для большинства многостраничных проектов такой проблемы не возникает

• Работа через облако. С одной стороны это неоспоримый плюс, но есть и обратная сторона вопроса. Медленный интернет может подпортить общее впечатление от процесса работы, а недоступность сервера повлияет на рабочие планы. Хотя для этих случаев разработчик предусмотрел использование десктопной версии редактора с последующей синхронизацией проекта при наличии интернета

Аналоги Figma

Sketch

Sketch — платный редактор, который выпускается только для Mac. Поэтому если пользователь не является счастливым обладателем яблочного ПК, использовать ее будет невозможно. Программа обладает дружественным интерфейсом, благодаря чему в ней легко разобраться. А возможность сохранения готовых проектов в форматах JPEG, PNG, TIFF, PDF, SVG, делают ее универсальным решением.

InVision

InVision распространяется в виде платной и бесплатной версии. Подходит для большого количества операционных систем, в том числе Windows, macOS, Linux, Chrome OS. Обладает схожим функционалом с Фигма, при этом позволяет экономить время при создании типовых элементов. В библиотеку включены различные готовые шаблоны, виджеты и стандартные решения, которые не придется рисовать с нуля.