Когда вышла первая версия Sketch, он полностью изменил мир дизайна интерфейсов, но недавно появившиеся Adobe XD и Figma приняли этот вызов. Они предлагают уникальный функционал типа прототипирования и совместную работу. Я недавно проводил исследование таких инструментов для моего проекта uxtools.co и хочу поделиться с вами наиболее важными выводами.

Бюджет

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

  • Sketch: лицензия за $ 99 дает вам возможность обновить приложение 10 раз. Это значит, что вы будете получать апдейты около года. Также, вы можете оформить подписку за $ 8/месяц (и продлевать ее сколько вам угодно).
  • Adobe XD: Бесплатная бета-версия на данный момент, Но, вероятнее всего, будет стоить как и другие приложения CC. Это означает $ 20/месяц за Adobe XD или $ 50 за весь СС пакет.
  • Figma: Пока не объявили официальную цену. Бесплатная бета версия, так что спешите подписаться!

Совместная работа

Вы знаете, что это. Google Docs перевернули пакет Microsoft с ног на голову со своими возможностями совместной работы. И теперь Figma собирается сделать тоже самое с дизайном UI. Вот сравнение:

  • Sketch: нет.
  • Adobe XD: нет.
  • Figma: да! Я слышал, как дизайнеры переживали о том, что клиенты хотели получить работать совместно с дизайнером или получали правки от начальства. Я думаю, что именно эти причины и послужили толчком для создания инновационного пакета Google Docs. Так как автосохранение Sketch постоянно конфликтует с моими файлами в Dropbox, я вижу, что Figma сможет навести порядок.

Платформа

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

  • Sketch: Только Mac.
  • Adobe XD: Пока только Mac (скоро будет доступно на Windows). Ограничения подобны пакету CC.
  • Figma: Браузер! Полностью рабочая версия пока только в Chrome, но нет необходимости в наличии дистрибутива (смотрим на тебя, Adobe).

Передача

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

  • Sketch: Не нативно, но приложения типа Zeplin и Avocode были созданы специально для того, чтобы организовать передачу спецификаций разработчикам. Есть даже бесплатная альтернатива, которая называется Sketch measure, которая тоже работает.
  • Adobe XD: Пока нет
  • Figma: Благодаря возможности совместной работы, разработчики могут запросто получить доступ к дизайну (не зависит от операционной системы).

Работа оффлайн

Это важный момент. Я восхищен Figma и возможностью получить доступ к дизайну, но бывают ситуации, когда мне необходимо работать оффлайн. Некоторые онлайн сервисы умеют сохранять информацию, когда скорость wi-fi начинает падать, но мне нужен полный доступ к открытию, редактированию и сохранению в приложении оффлайн.

  • Sketch: Конечно.
  • Adobe XD: Да.
  • Figma: Пока нет. Единственный способ — это воспользоваться расширением браузера или нативным приложением, но я пока не слышал ни о том ни о том.

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

В наше время существуют десятки таких приложений, но они могут вскоре пропасть. Например, Adobe XD внедряет прототипирование прямо в дизайнерский инструмент. Присмотритесь к этому.

  • Sketch: Не нативно из-за огромного количества доступных плагинов, такие компании, как Invision создали плагины типа Craft, который позволяет создавать мобильные прототипы при помощи Sketch. Также, многие инструменты для прототипирования прекрасно работают со Sketch файлами, показано здесь.
  • Adobe XD: Да, нативное прототипирование внутри приложения.
  • Figma: Нет.

Символы

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

  • Sketch: Впечатляющий функционал символов в Sketch и продолжает развиваться. Символы можно обновлять внутри документов и адаптивно ресайзить (это означает меньше работы при изменении размеров экрана)
  • Adobe XD: Пока ничего.
  • Figma: Конечно не уровень Sketch, но есть некоторые интересные возможности с адаптивными сетками и ограничениями. Ожидаю, что это приведет к появлению инновации в дизайне.

Я буду продолжать следить за развитием этих программ и выпуском в релиз. Я являюсь безумным фаном Sketch, но я в тайне очень жду, что же представит Figma. До того момента, uxtools.co будет держать вас в курсе последних приложений. Вы всегда можете найти нас в Twitter.