Когда я начинал карьеру 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)