UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Разница в опыте использования Figma и Sketch
Редакція
Редакція

Опубліковано

Разница в опыте использования Figma и Sketch

Когда я начинал карьеру UX-дизайнера, мне было не из чего выбирать. Был Sketch, для которого нужно было иметь Mac, и остальные инструменты, которые по сравнению со Sketch были похожи на Microsoft Paint. Sketch был для меня недоступен, так как в то время я был изрядно разочарован. Поэтому я использовал для создания своего первого набора вайрфреймов Mockflow. Поверьте, в жизни нет ничего болезненнее, чем пользоваться Mockflow.

Но моя жизнь изменилась в тот день, когда я встретился с другом UX-дизайнером в маленьком баре «Joseph Bar» на Гоа. Мы болтали о работе за кружкой пива. Именно тогда он упомянул Figma. Он описал Figma, как гордый парень описывает свою удивительную девушку. И я решил попробовать этот инструмент.

Joseph Bar

Моя продуктивность увеличилась в 100 раз. Я представил его остальной команде, и их продуктивность тоже увеличилась в 100 раз. С тех пор я влюблен в Figma.

Спустя 2 года я присоединился к компании Tickertape. Здесь у меня появилась возможность поработать со Sketch. Честно говоря, я был рад попробовать Sketch после всех фантастических вещей, которые я слышал о нем в прошлом. Но как только я начал использовать его, я испытал такое же разочарование как, когда-то использовал MockFlow. Но это не значит, что я сравниваю MockFlow со Sketch. Просто если вы привыкли к лучшему, даже второй по рейтингу инструмент в списке вас не удовлетворит. Все было не так гладко и интуитивно понятно, как в Figma.

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

Sketch: копирование текста не копирует его свойства

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

Sketch

Figma

Sketch: Неудобно работать с плагинами

Человечество лениво по своей природе, работает только по принуждению

Будучи человеком, перешедшим с Figma на Sketch (позже вернувшись к Figma), я заметил, что почти не использую в Sketch плагины (только важные, такие как Zeplin и Rename it). В то время как в Figma у меня было около 10 часто используемых плагинов, а всего я перепробовал более 50 различных плагинов.

Плагины для Sketch разбросаны по всему Интернету. Их установка – это отдельный процесс. Плагины Figma, как вы уже догадались, можно найти в Figma. Они устанавливаются в один клик. С появлением сообщества Figma, все, от плагинов до UI kit, собрано в одном месте «внутри Figma».

Sketch

Figma

Кроме того, я считаю, что обновление плагинов в Sketch – это утомительный процесс.

Обновление плагина в Sketch

В Figma это происходит автоматически, и вы даже не подозреваете об этом. Вам просто нужно «ничего не делать».

Обновление плагина в Figma

Sketch: нет сочетания клавиш для выбора определенных элементов, за исключением фона

В Sketch я не могу перетащить и выбрать несколько определенных элементов из группы. Единственный способ сделать это – вручную удерживать «shift» и нажимать на каждый из необходимых элементов.

Sketch

В то время, как в Figma command+клик / перетаскивание инициирует действие, которое Figma называет Deep select . Теперь вы можете выбрать несколько элементов, за исключением фона.

Figma

Sketch: отмена изменений не сохраняет выбор элементов

В Sketch со мной много раз случалось, что я кропотливо выделял несколько элементов и по ошибке снимал выделение, потому что нажал не ту кнопку. Очевидно, что нужно использовать стандартное сочетание клавиш command+Z для отмены предыдущего действия. Но потом я понял, что выбор элементов не сохранился, и мне придется все заново начинать ?.

Sketch

Figma сохраняет все состояния выбора. Вы можете вернуться к любому из них, просто нажимая command+Z.

Figma

Sketch: сложно переопределить несколько цветовых стилей

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

Sketch

Но Figma придумала изящное решение этой проблемы :)

Figma

Sketch: Правый клик по элементам меню не показывает сочетания клавиш

Теперь я действительно придираюсь. Но это небольшое продуманное дополнение в Figma очень помогло мне быстрее изучить сочетания клавиш.

Sketch: Доступность?!

Figma демократизировала дизайн несколькими способами. Отличный инструмент дизайна теперь стал доступен не только тем, кто мог позволить себе MacBook. Любой человек с любым финансовым состоянием может учиться и проектировать в Figma. Все, что нужно – это приличное Интернет-соединение и любой компьютер.

Кроме того, дизайн – это больше, чем просто дизайнеры. Это коммуникация и фидбек между дизайнером и менеджерами по маркетингу. Это макеты и прототипы и отзывы о них. Это документ и ресурсы для передачи разработчикам, а также то, насколько легко реализовать дизайн. Создание доступного для всех инструмента не умаляет важности дизайнера – оно дает ему место за столом, за которым принимаются основные решения компании. Figma создала платформу, где каждый участник команды может сотрудничать, чтобы создать что-то великое ?.

Кстати, мне удалось убедить и Tickertape и команду дизайнеров smallcase перейти на Figma. Может, в следующий раз напишу, как мне это удалось ?

Есть еще много вещей, которые я не упомянул. Это был ряд мелких проблем из-за которых я скучал по Figma, используя Sketch.

А от каких неудобств Sketch вам помогла избавиться Figma? Не стесняйтесь пишите в комментариях.

Кроме того, пишите, если не согласны с автором ?


Перевод статьи uxdesign.cc

Топ коментарі (0)