Figma: 8 крутых преимуществ и возможностей для дизайна
Чуть ли не каждый месяц появляются новенькие приложения для дизайна. Скорее всего, о большинстве из них забудут через год. Но есть и сильные игроки — Sketch, Figma, Adobe XD, InVision Studio, — которые уже очень прочно закрепились на рынке и зарекомендовали себя с лучшей стороны.
Figma — основной рабочий инструмент дизайнеров в нашей компании. Поэтому я расскажу о ней подробнее и объясню, почему выбор пал именно на эту программу.
Преимущества Figma
- В отличие от Sketch и InVision Studio, Figma — мультиплатформенное решение (работает и на Windows, и на Маках, и на мобильных). Она работает в браузере, а значит, не нужно скачивать на компьютер никаких дополнительных программ.
- Это бесплатный продукт. Благодаря этому дизайнеры могут детально ознакомиться с функциями и возможностями приложения для дизайна и затем, если захотят, перейти на командную подписку. При этом у бесплатной версии минимальное количество ограничений. Например, в ней нет возможности упорядочить и распределить все макеты по соответствующим папкам клиентов или вести централизованные дизайн-системы, доступные нескольким пользователям сразу. Иногда этого не хватает, но это лишь дело удобства.
Вся работа в Figma ведётся в облаке. Благодаря этому не нужно возиться с передачей исходников между дизайнерами и разработчиками — все макеты доступны из любой точки мира и с любого устройства, главное, чтобы был доступ к интернету. Также не нужно содержать свой файловый сервер с исходниками, т. к. их — в привычном понимании — просто нет.
- Figma даёт доступ к проекту не только дизайнерам, но и всем остальным членам команды. Благодаря этому разработчики, копирайтеры и даже клиенты могут просматривать макет онлайн и сразу же давать комментарии с правками или замечаниями. Совместный доступ к проекту и одновременная работа над одним макетом позволяют выполнить задачу гораздо быстрее. К тому же это удобный способ проконтролировать работу начинающего коллеги.
- Благодаря возможности демонстрации проекта по ссылке не нужно больше перекидываться с клиентом статичными jpg-картинками. Не нужно объяснять на словах, что за чем следует на макете и куда он перейдёт при нажатии определённой кнопки. Figma — это возможность создать интерактивный прототип, который наглядно покажет все способы взаимодействия с сайтом.
- Удобная работа с компонентами — заранее подготовленными элементами дизайна (кнопки, формы и т. д.), изменения которых распространяются на все его копии. Если у клиента, например, изменился стиль кнопок и вы внесли это изменение в родительский компонент, то оно автоматически распространится на все кнопки во всех макетах клиента. Это значительно ускоряет процесс «рисования», если нужно использовать одни и те же элементы дизайна много раз — т. е. когда вы работаете над одним объёмным проектом или над большим количеством маленьких однообразных проектов для одного и того же клиента.
- В Figma, в отличие от Photoshop, сложно нарисовать что-то, что потом будет невозможно сверстать. Нельзя сказать, что это конкурентное преимущество перед аналогами, так как у них работа строится по тем же принципам, но перед старичком Photoshop точно.
- Удобный встроенный режим для разработчиков, в котором они не могут влиять на дизайн, но могут получить из макета всё необходимое им для дальнейшей работы: изображения, свойства объектов и расстояния между ними, тексты и т. д.
Figma постоянно развивается и вводит обновления. Постепенно недостатков перед конкурентами у этого приложения для дизайна становится всё меньше. Например, раньше в Figma нельзя было пользоваться плагинами: их просто не было. И это было одним из основных минусов программы. Но недавно разработчики Figma дали пользователям возможность пользоваться стандартными плагинами и создавать свои. А ещё недавно стало возможным добавлять в Figma анимацию. Также в Figma постоянно появляются новые интеграции со сторонним софтом, например с Flinto и Principle.
Разумеется, это далеко не все фишки Figma, а лишь основные — те, которые позволяют сделать рабочий процесс более оперативным и комфортным, по сравнению с работой в Photoshop. Убедитесь в этом сами.