Что лучше Figma или Sketch

Продолжаем битву графических гигантов – редакторов за пьедестал. Сегодня на ринг выходят Figma и Sketch.
В правом углу ринга кроссплатформенный сервис, с возможностью совместной работы Figma.
В левом углу ринга специализированный векторный редактор Sketch.

«Figma — это как Sketch в браузере с совместной работой в реальном времени.»

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

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

Браузер VS Нативное приложение

Браузер

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

Браузер работает хорошо, отзывчивый, без нареканий. Функционал такой же, как и его нативный конкурент Sketch. Любой документ находится на своем сервере, что существенно облегчает итерацию. Существует возможность сохранить документ в формате .fig, чтобы сделать его загружаемым.

Figma

Figma работает со шрифтами Google (а это на минуточку более 800 бесплатных шрифтов). При этом есть возможность добавить собственный шрифт, установив аддон. Здесь присутствует даже FontAwesome. Очень удобная штука, так как отсутствует необходимость загружать дополнительные шрифты соавторам, они сами подгружаются к работе с проектом.

Совместный доступ в реальном времени

Программа

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

Программа

Не для каждого проекта нужна коллективная работа, но вы можете пригласить других для редактирования или просмотра проекта. Достоинство также заключается в том, что пользователям не нужно устанавливать дополнительных приложений, и даже нет необходимости в покупке Mac. Figma работает на всех операционных системах, и даже на мобильных устройствах (только в режиме просмотра).
Каждый участник проекта может зайти и проконтролировать все или конкретный элемент дизайна (шрифт, цвет, расстояние и пр.).

Figma

История версий

Sketch

Управлять версиями в Figma значительно проще. Ее гораздо легче применять в отличие от Sketch на Mac, которое значительно медленней. Хотя в обеих программах есть автоматическое сохранение и история версий, эти функции реализованы по-разному.
Разработчики Sketch часто отключают эту функцию, так как она занимает слишком много пространства на диске.

Комментарии

Графический редактор

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

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

Zeplin

Хороший плагин Sketch это Craft от InVision. Он создает возможность быстро создавать имена и фотографии из пресетов, веб-сайтов или API.

Sketch

Если создать коктейль из Sketch, Craft, InVision и Zeplin – то эта гремучая смесь станет куда более привлекательной для прототипирования и комментариев.

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

Vector Networks – новаторское решение. Вместо векторных точек можно перемещать линии, при этом точки будут автоматически перемещаться. Figma вы можете соединить несколько векторных линий, создав сеть векторных точек.

Figma

К сожалению отсутствуют Scissors или Rotate Copies, при этом для большинства векторов Figma векторные сети подходят значительно лучше.

Импорт из Sketch

Figma хорошо справляется с импортом файлов в Sketch. Каждый артборд, слои, названия, абсолютно все эффекты переданы без изменений.
Я склоняюсь к мнению, что Figma в качестве расширения Sketch или наоборот вполне возможно в ближайшее время. Вы можете импортировать какой угодно проект из Sketch, и начать работу. Как Figma, так и Sketch не поддерживают формат Фотошопа (пока что), это говорит о совместимости Figma со Sketch по сравнению с Photoshop.

Sketch

Десктопное приложение

Графический редактор

Вы можете установить десктопную версию программы, но не ждите от нее чуда. Фактически, это веб-оболочка. В отличие от браузерной версии сочетания клавиш не помешают работе браузера. . Например, CMD+1−9 — это переключение между вкладками браузера, но в декстопном приложении это переключение между документами.

Ограничения

Адаптивное составление – важная функция для нынешних инструментов проектирования. Дизайнерам необходимо работать с увеличением числа разрешений устройств. Было бы глупо не уметь адаптировать дизайн от iPhone 7 к iPhone 7 Plus просто изменив размер артборда.

Адаптивная компоновка

В Figma, вы устанавливаете ограничения, прикреплением к границам или расположением элемента по центру. Это по сути, как функции Закрепить в углу и Изменить размер объекта в Sketch. Вынужден признать, что версия Figma более визуальна и интуитивна в использовании, в то время как Sketch имеет больше опций вроде Плавающая позиция (Float in place).

Figma

Figma

Производительность

Обработка десятков артбордов — это пустяк для Figma. Те, кто жалуются на производительность Sketch, могут попытать счастье здесь. Поскольку Figma основана на браузере, точка входа в программу намного ниже, и она доступна практически для всех владельцев компьютеров, ноутбуков или мобильных телефонов. Фактически те, кто давно хотел, чтобы Sketch стал доступен для Windows, наконец получили ответ.

Пользовательский интерфейс

Figma

Пользовательский интерфейс идентичен Sketch, до деталей. Все схоже: названия инструментов, артборды, горячие клавиши. Это всего лишь означает, что Sketch установил настолько мощный стандарт, что и Adobe XD, и Figma без колебаний переняли его.

Sketch с каждым днем все больше и больше становится нарицательным определением (как Apple). Конкуренты копируют стандарты, инструменты, добавляя лишь незначительные уникальные элементы. Но необходим не один год, чтобы стать по-настоящему уникальными.В этом случае выигрывают только пользователи, которые более широкий выбор приложений высочайшего стандарта.

Работать ли с Figma?

Однозначно «Да»! Нет необходимости изучать новый инструмент, так как у вас будет дежавю после работы со Sketch. Для меня работа с этими инструментами показалась совершенно естественной.
Оба инструмента дополнят друг друга, а это значит, что они могут удовлетворять различные потребности при переключении между Mac и Windows, iOS и Android. Я бы выбрал Figma за совместную работу в реальном времени, мультиплатформенную поддержку (Windows, Mac, Linux), а Sketch за завершенность платформы, настоящий нативный опыт, и его превосходные плагины и ресурсы.

Обсуждение закрыто.