Что такое Figma
Компания Adobe давно известна своими разработками в сфере графического дизайна и Figma Adobe стала очередным успешным решением в вопросе визуального проектирования, как небольших проектов, так и полномасштабных сайтов.
Figma — это графический редактор, который позволяет создавать, как векторные иллюстрации, так и рабочие прототипы различного интерфейса.
Главная особенность Фигма 2024 — это возможность работать над проектом в составе группы специалистов. Таким образом, легко проводить наглядные удаленные совещания и всегда иметь под рукой самый актуальный макет.
В процессе работы владелец проекта имеет возможность добавлять участников, благодаря этому они смогут наблюдать за изменениями в режиме реального времени и участвовать в процессе создания.
Подключиться к проекту очень просто, достаточно открыть ссылку в браузере компьютера. Для комфортной работы предусмотрена и полноценная версия программы с установкой на 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. Обладает схожим функционалом с Фигма, при этом позволяет экономить время при создании типовых элементов. В библиотеку включены различные готовые шаблоны, виджеты и стандартные решения, которые не придется рисовать с нуля.